Создано 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" в нескольких форматах для удобной интеграции в ваши дизайнерские проекты.
Доступные форматы: