Coffee product design ui ux colors

Palatinate Blue
#3c40dc
Ceil
#998cdf
Café Noir
#4e3c24
Chamoisee
#977e61
Dark Vanilla
#daccb0
Café Noir
#4c3424

Палітра містить світлий кольори. Акцентні кольори Palatinate Blue #3c40dc та Café Noir #4e3c24. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

За світлістю палітра сягає від #4C3424 (найтемніший) до #DACCB0 (найсвітліший). Діапазон світлості широкий.

Насиченість змішана — є приглушені й більш яскраві акценти.

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

Загалом температура зміщена в бік теплого.

HEX-коди (відсортовано): #3C40DC, #4C3424, #4E3C24, #977E61, #998CDF, #DACCB0

Палітра Coffee product design ui ux colors містить комбінацію з 6 кодів кольорів :

HEX: #3c40dc, RGB: (60, 64, 220); HEX: #998cdf, RGB: (153, 140, 223); HEX: #4e3c24, RGB: (78, 60, 36)

HEX: #977e61, RGB: (151, 126, 97); HEX: #daccb0, RGB: (218, 204, 176); HEX: #4c3424, RGB: (76, 52, 36)

Спрощений варіант палітри кольорів

Відтінок Синій, Відтінок mediumpurple, Відтінок saddlebrown, Відтінок Сірий, Відтінок wheat, Відтінок saddlebrown

Кольорова схема створена автором colorswall

Більше палітр з:

Коди кольорів у палітрі

Coffee product design ui ux colors коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#3c40dc	#3c40dc	RGB(60, 64, 220)	Palatinate Blue	—
#998cdf	#998cdf	RGB(153, 140, 223)	Ceil	—
#4e3c24	#4e3c24	RGB(78, 60, 36)	Café Noir	—
#977e61	#977e61	RGB(151, 126, 97)	Chamoisee	—
#daccb0	#daccb0	RGB(218, 204, 176)	Dark Vanilla	—
#4c3424	#4c3424	RGB(76, 52, 36)	Café Noir	—

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

6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#3c40dc	#4e3c24	1.48
#3c40dc	#977e61	1.84
#3c40dc	#4c3424	1.62
#998cdf	#977e61	1.31
#998cdf	#daccb0	1.84
#4e3c24	#4c3424	1.09

Зображення палітри Coffee product design ui ux colors png

Coffee product design ui ux colors - #177648

--color-palatinate-blue:	#3c40dc;
--color-ceil:	#998cdf;
--color-cafe-noir:	#4e3c24;
--color-chamoisee:	#977e61;
--color-dark-vanilla:	#daccb0;
--color-cafe-noir:	#4c3424;

$color-palatinate-blue:	#3c40dc;
$color-ceil:	#998cdf;
$color-cafe-noir:	#4e3c24;
$color-chamoisee:	#977e61;
$color-dark-vanilla:	#daccb0;
$color-cafe-noir:	#4c3424;

@color-palatinate-blue:	#3c40dc;
@color-ceil:	#998cdf;
@color-cafe-noir:	#4e3c24;
@color-chamoisee:	#977e61;
@color-dark-vanilla:	#daccb0;
@color-cafe-noir:	#4c3424;