Генератор палітр
  1. Палітри кольорів
  2. Design System Token Studio

Design System Token Studio

  • Spacing Sand
    #f5f1e7
  • Border Ink
    #292f36
  • Font Scale Violet
    #a89be5
  • Palette Snow
    #faf9f6
  • State Highlight Pink
    #ff8fab
  • Shadow Graphite
    #333333
  1
Створено 06/08/2025 14:38
авторcoolor
Палітра містить світлий, темний, напівтемний кольори. Акцентні кольори 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 інформація у таблиці

КолірHEXRGBНазваАльтернативна назва
#f5f1e7#f5f1e7RGB(245, 241, 231)Spacing Sand—
#292f36#292f36RGB(41, 47, 54)Border Ink—
#a89be5#a89be5RGB(168, 155, 229)Font Scale Violet—
#faf9f6#faf9f6RGB(250, 249, 246)Palette Snow—
#ff8fab#ff8fabRGB(255, 143, 171)State Highlight Pink—
#333333#333333RGB(51, 51, 51)Shadow GraphiteCarbon

Контраст палітри кольорів

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 палітра кольорів: Spacing Sand, Border Ink, Font Scale Violet, Palette Snow, State Highlight Pink
 Завантажити зображення