Створено 06/17/2025 12:05
Design Tokens for SaaS Platform
- Primary Indigo Rush#5b5f97
- Secondary Cloud#f3f6fb
- Accent Salmon#ffa69e
- Error Toast Red#f44336
- Surface Neutral#d9d9d9
- Text Rich Navy#1c2238
Палітра містить напівтемний, світлий, темний кольори. Акцентні кольори Secondary Cloud #f3f6fb та Accent Salmon #ffa69e. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.
За світлістю палітра сягає від #1C2238 (найтемніший) до #F3F6FB (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Теплі й холодні зразки доволі збалансовані.
HEX-коди (відсортовано): #1C2238, #5B5F97, #D9D9D9, #F3F6FB, #F44336, #FFA69E
Палітра Design Tokens for SaaS Platform містить комбінацію з 6 кодів кольорів :
HEX: #5b5f97, RGB: (91, 95, 151); HEX: #f3f6fb, RGB: (243, 246, 251); HEX: #ffa69e, RGB: (255, 166, 158)
HEX: #f44336, RGB: (244, 67, 54); HEX: #d9d9d9, RGB: (217, 217, 217); HEX: #1c2238, RGB: (28, 34, 56)
Спрощений варіант палітри кольорів
Відтінок slateblue, Відтінок ghostwhite, Відтінок lightpink, Відтінок tomato, Відтінок gainsboro, Відтінок midnightblue
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Design Tokens for SaaS Platform коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #5b5f97 | #5b5f97 | RGB(91, 95, 151) | Primary Indigo Rush | — |
| #f3f6fb | #f3f6fb | RGB(243, 246, 251) | Secondary Cloud | — |
| #ffa69e | #ffa69e | RGB(255, 166, 158) | Accent Salmon | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Error Toast Red | — |
| #d9d9d9 | #d9d9d9 | RGB(217, 217, 217) | Surface Neutral | Gray85 |
| #1c2238 | #1c2238 | RGB(28, 34, 56) | Text Rich Navy | — |
Контраст палітри кольорів
5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#5b5f97 | #f44336 | 1.61 |
#f3f6fb | #ffa69e | 1.73 |
#f3f6fb | #d9d9d9 | 1.3 |
#ffa69e | #f44336 | 1.96 |
#ffa69e | #d9d9d9 | 1.32 |
Зображення палітри Design Tokens for SaaS Platform png
Експортувати палітру
Завантажте "Design Tokens for SaaS Platform" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: