Design System Token Studio
- Spacing Sand#f5f1e7
- Border Ink#292f36
- Font Scale Violet#a89be5
- Palette Snow#faf9f6
- State Highlight Pink#ff8fab
- Shadow Graphite#333333
Создано 06/08/2025 14:38
Палитра содержит светлый, темный, полутемный цвета. Акцентные цвета Border Ink #292f36 и State Highlight Pink #ff8fab. Палитра имеет цветовую температуру Нейтральный, Холодный, Теплый.
По светлоте палитра тянется от #292F36 (самый тёмный) до #FAF9F6 (самый светлый). Диапазон светлоты широкий.
Насыщенность смешанная — 2 приглушённых и 2 ярких из 6 цветов.
Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.
В целом температура смещена в сторону холодного (2 из 6).
HEX-коды (по возрастанию): #292F36, #333333, #A89BE5, #F5F1E7, #FAF9F6, #FF8FAB
Палитра Design System Token Studio содержит комбинацию из 6 кодов цветов:
HEX: #f5f1e7, RGB: (245, 241, 231); HEX: #292f36, RGB: (41, 47, 54); HEX: #a89be5, RGB: (168, 155, 229)
HEX: #faf9f6, RGB: (250, 249, 246); HEX: #ff8fab, RGB: (255, 143, 171); HEX: #333333, RGB: (51, 51, 51)
Упрощенная версия цветов палитры
Тёмный оттенок Цветочно-белый, Светлый оттенок Черный, Тёмный оттенок Светлый стальной синий, Светлый оттенок Дымчато-белый, Светлый оттенок Бледный фиолетово-красный, Светлый оттенок Черный
Цветовая схема создана автором coolor
Коды цветов в палитре
Design System Token Studio коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
|---|---|---|---|---|
| #f5f1e7 | #f5f1e7 | RGB(245, 241, 231) | Spacing Sand | — |
| #292f36 | #292f36 | RGB(41, 47, 54) | Border Ink | — |
| #a89be5 | #a89be5 | RGB(168, 155, 229) | Font Scale Violet | — |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Palette Snow | — |
| #ff8fab | #ff8fab | RGB(255, 143, 171) | State Highlight Pink | — |
| #333333 | #333333 | RGB(51, 51, 51) | Shadow Graphite | Carbon |
Контраст палитры цветов
4 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
|---|---|---|
#f5f1e7 | #faf9f6 | 1.07 |
#f5f1e7 | #ff8fab | 1.9 |
#292f36 | #333333 | 1.06 |
#a89be5 | #ff8fab | 1.15 |
Палитра из изображения Design System Token Studio png
Экспорт палитры
Скачайте "Design System Token Studio" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: