Створено 06/14/2025 19:44
Design Tokens Light UI Kit
- Base Linen#faf8f5
- Primary Teal#00cfc1
- Accent Rose#ffb4a2
- Info Indigo#6c63ff
- Border Fog#e5e5e5
- Interactive Charcoal#222222
Палітра містить світлий, темний кольори. Акцентні кольори Primary Teal #00cfc1 та Accent Rose #ffb4a2. Палітра має температуру кольорів Нейтральний, Холодний, Теплий.
За світлістю палітра сягає від #222222 (найтемніший) до #FAF8F5 (найсвітліший). Діапазон світлості широкий.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #00CFC1, #222222, #6C63FF, #E5E5E5, #FAF8F5, #FFB4A2
Палітра Design Tokens Light UI Kit містить комбінацію з 6 кодів кольорів :
HEX: #faf8f5, RGB: (250, 248, 245); HEX: #00cfc1, RGB: (0, 207, 193); HEX: #ffb4a2, RGB: (255, 180, 162)
HEX: #6c63ff, RGB: (108, 99, 255); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #222222, RGB: (34, 34, 34)
Спрощений варіант палітри кольорів
Відтінок whitesmoke, Відтінок mediumturquoise, Відтінок lightsalmon, Відтінок mediumslateblue, Відтінок gainsboro, Відтінок Чорний
Кольорова схема створена автором hex
Коди кольорів у палітрі
Design Tokens Light UI Kit коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #faf8f5 | #faf8f5 | RGB(250, 248, 245) | Base Linen | — |
| #00cfc1 | #00cfc1 | RGB(0, 207, 193) | Primary Teal | — |
| #ffb4a2 | #ffb4a2 | RGB(255, 180, 162) | Accent Rose | — |
| #6c63ff | #6c63ff | RGB(108, 99, 255) | Info Indigo | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Border Fog | Gray90 |
| #222222 | #222222 | RGB(34, 34, 34) | Interactive Charcoal | Black Out |
Контраст палітри кольорів
6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#faf8f5 | #00cfc1 | 1.85 |
#faf8f5 | #ffb4a2 | 1.61 |
#faf8f5 | #e5e5e5 | 1.18 |
#00cfc1 | #ffb4a2 | 1.15 |
#00cfc1 | #e5e5e5 | 1.55 |
#ffb4a2 | #e5e5e5 | 1.35 |
Зображення палітри Design Tokens Light UI Kit png
Експортувати палітру
Завантажте "Design Tokens Light UI Kit" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: