Створено 05/25/2025 22:34
Next-Gen Product Design System
- Indigo Byte#5c6ac4
- Apricot Highlight#ffd6a5
- Light Teal Stream#b8fff9
- UI Gray#6b7280
- UX White#fdfdfd
Палітра містить світлий кольори. Акцентні кольори Apricot Highlight #ffd6a5 та Light Teal Stream #b8fff9. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
За світлістю палітра сягає від #6B7280 (найтемніший) до #FDFDFD (найсвітліший). Діапазон світлості помірний.
Насиченість змішана — є приглушені й більш яскраві акценти.
Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).
Загалом температура зміщена в бік холодного.
HEX-коди (відсортовано): #5C6AC4, #6B7280, #B8FFF9, #FDFDFD, #FFD6A5
Палітра Next-Gen Product Design System містить комбінацію з 5 кодів кольорів :
HEX: #5c6ac4, RGB: (92, 106, 196); HEX: #ffd6a5, RGB: (255, 214, 165); HEX: #b8fff9, RGB: (184, 255, 249)
HEX: #6b7280, RGB: (107, 114, 128); HEX: #fdfdfd, RGB: (253, 253, 253)
Спрощений варіант палітри кольорів
Відтінок royalblue, Відтінок navajowhite, Відтінок paleturquoise, Відтінок slategrey, Відтінок Білий
Кольорова схема створена автором raccoon
Коди кольорів у палітрі
Next-Gen Product Design System коди кольорів HEX, RGB інформація у таблиці
Контраст палітри кольорів
4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#5c6ac4 | #6b7280 | 1 |
#ffd6a5 | #b8fff9 | 1.21 |
#ffd6a5 | #fdfdfd | 1.33 |
#b8fff9 | #fdfdfd | 1.1 |
Зображення палітри Next-Gen Product Design System png
Експортувати палітру
Завантажте "Next-Gen Product Design System" у кількох форматах для безшовної інтеграції у ваші дизайнерські проєкти.
Доступні формати: