באפליקציה, הצבעים מראים מה אפשר ללחוץ, מה פעיל ומה הצליח או נכשל. 12 הפלטות האלה כוללות רקע, משטחים, צבע ראשי וטקסט לסוגים שונים של אפליקציות, עם קודי HEX שאפשר להעביר ל-Figma, ל-Flutter, ל-SwiftUI או ל-React Native.
פינטק כחול וירוק
כחול לאמון וירוק ליתרות ולעסקאות שהצליחו.
כתום משלוחים
הכתום מבליט את כפתורי ההזמנה ואת המבצעים.
בריאות ורווחה
רגוע. לאפליקציות של תורים לרופא, הרגלים או מעקב.
מצב כהה סגול
רקע אפור כהה מאוד במקום שחור מוחלט, עם צבע הדגשה סגול בהיר.
חברתי ורוד וסגול
לרשתות חברתיות, להיכרויות או ליוצרי תוכן.
פרודוקטיביות מינימלית
קריא מאוד. לניהול משימות ולכלי עבודה.
צהוב לימודי
שמח וברור. לאפליקציות שפות או למידה.
כושר אנרגטי
ליים ואדום על רקע כהה. לאימונים ולסטטיסטיקות.
לבנדר למדיטציה
רך ורגוע. לאפליקציות שינה, מדיטציה או יומן.
טיולים בטורקיז וחול
מזכיר חוף ושמש. להזמנות ולמדריכי טיולים.
ירוק אוכל טרי
לאפליקציות של מכולת, מתכונים או תזונה.
קניות פרימיום
ניטרלי ואלגנטי. נותן לתמונות המוצרים להוביל.
לחץ על צבע כדי להעתיק את קוד ה-HEX שלו. סמל העיפרון פותח את הפלטה בעורך כדי לשנות אותה.
הגדר צבעי מצבים מההתחלה
כל אפליקציה צריכה צבעים לשגיאה, להצלחה, לאזהרה ולמידע. בחר גוונים שמתאימים לפלטה ואל תשתמש בצבע השגיאה לשום דבר אחר, כמו כפתורי המותג. הוסף לצבע אייקון או טקסט, כדי שהמשמעות תהיה ברורה גם בלי להסתמך רק על הצבע.
עצב גם מצב כהה
רוב הטלפונים תומכים במצב כהה, ומשתמשים רבים מפעילים אותו. לא מספיק להפוך את הצבעים: השתמש באפורים כהים מאוד במקום שחור מוחלט והורד מעט את הרוויה של צבעי ההדגשה, כדי שלא ירצדו מול הרקע.
בדוק ניגודיות ואזורי לחיצה
לטקסט צריכה להיות ניגודיות של 4.5:1 לפחות מול הרקע, לפי WCAG. כפתורים צריכים להיראות שונה כשהם פעילים, לחוצים או מושבתים. בדוק את האפליקציה בחוץ ובבהירות נמוכה, כי כך אנשים רבים משתמשים בה.