Создано 07/13/2025 14:34
Design Token Driven System UI
- Primary Indigo#3f51b5
- Secondary Peach#ffb997
- Success Mint#9aeba3
- Alert Red#e63946
- Neutral White#ffffff
- Disabled Grey#b0bec5
Палитра содержит полутемный, светлый цвета. Акцентные цвета Primary Indigo #3f51b5 да Secondary Peach #ffb997. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.
По светлоте палитра тянется от #3F51B5 (самый тёмный) до #FFFFFF (самый светлый). Диапазон светлоты умеренный.
Насыщенность смешанная — есть приглушённые цвета и более яркие акценты.
Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).
В целом температура смещена в сторону холодного.
HEX-коды (по возрастанию): #3F51B5, #9AEBA3, #B0BEC5, #E63946, #FFB997, #FFFFFF
Палитра Design Token Driven System UI содержит комбинацию из 6 кодов цветов:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #ffb997, RGB: (255, 185, 151); HEX: #9aeba3, RGB: (154, 235, 163)
HEX: #e63946, RGB: (230, 57, 70); HEX: #ffffff, RGB: (255, 255, 255); HEX: #b0bec5, RGB: (176, 190, 197)
Упрощенная версия цветов палитры
Оттенок slateblue, Тень lightsalmon, Тень lightgreen, Тень crimson, Белый, Оттенок Серебряный
Цветовая схема создана автором colorhunt
Коды цветов в палитре
Design Token Driven System UI коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Primary Indigo | — |
| #ffb997 | #ffb997 | RGB(255, 185, 151) | Secondary Peach | — |
| #9aeba3 | #9aeba3 | RGB(154, 235, 163) | Success Mint | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Alert Red | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Neutral White | White |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Disabled Grey | Ocean Drive |
Контраст палитры цветов
7 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#3f51b5 | #e63946 | 1.64 |
#ffb997 | #9aeba3 | 1.16 |
#ffb997 | #ffffff | 1.66 |
#ffb997 | #b0bec5 | 1.14 |
#9aeba3 | #ffffff | 1.42 |
#9aeba3 | #b0bec5 | 1.34 |
Изображение палитры Design Token Driven System UI png
Экспорт палитры
Скачайте "Design Token Driven System UI" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: