Pattern website ux vintage palette

Spanish Orange
#dc5c06
Fawn
#dba574
Citrine Brown
#902e08
Dark Chestnut
#987368
Dark Vanilla
#ccbdaa
Royal Brown
#54382f

Палітра містить світлий кольори. Акцентні кольори Spanish Orange #dc5c06 та Citrine Brown #902e08. Палітра має температуру кольорів Теплий, Нейтральний.

За світлістю палітра сягає від #54382F (найтемніший) до #CCBDAA (найсвітліший). Діапазон світлості помірний.

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

Розподіл відтінків нагадує переважно аналогову групу (евристика, не суворе правило).

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

HEX-коди (відсортовано): #54382F, #902E08, #987368, #CCBDAA, #DBA574, #DC5C06

Палітра Pattern website ux vintage palette містить комбінацію з 6 кодів кольорів :

HEX: #dc5c06, RGB: (220, 92, 6); HEX: #dba574, RGB: (219, 165, 116); HEX: #902e08, RGB: (144, 46, 8)

HEX: #987368, RGB: (152, 115, 104); HEX: #ccbdaa, RGB: (204, 189, 170); HEX: #54382f, RGB: (84, 56, 47)

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

Відтінок chocolate, Відтінок sandybrown, Відтінок darkred, Відтінок rosybrown, Відтінок tan, Відтінок saddlebrown

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

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

Brown Червоний

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

Pattern website ux vintage palette коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#dc5c06	#dc5c06	RGB(220, 92, 6)	Spanish Orange	—
#dba574	#dba574	RGB(219, 165, 116)	Fawn	—
#902e08	#902e08	RGB(144, 46, 8)	Citrine Brown	—
#987368	#987368	RGB(152, 115, 104)	Dark Chestnut	—
#ccbdaa	#ccbdaa	RGB(204, 189, 170)	Dark Vanilla	—
#54382f	#54382f	RGB(84, 56, 47)	Royal Brown	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#dc5c06	#dba574	1.72
#dc5c06	#987368	1.11
#dba574	#987368	1.93
#dba574	#ccbdaa	1.18
#902e08	#987368	1.93
#902e08	#54382f	1.3

Зображення палітри Pattern website ux vintage palette png

Pattern website ux vintage palette - #246731

--color-spanish-orange:	#dc5c06;
--color-fawn:	#dba574;
--color-citrine-brown:	#902e08;
--color-dark-chestnut:	#987368;
--color-dark-vanilla:	#ccbdaa;
--color-royal-brown:	#54382f;

$color-spanish-orange:	#dc5c06;
$color-fawn:	#dba574;
$color-citrine-brown:	#902e08;
$color-dark-chestnut:	#987368;
$color-dark-vanilla:	#ccbdaa;
$color-royal-brown:	#54382f;

@color-spanish-orange:	#dc5c06;
@color-fawn:	#dba574;
@color-citrine-brown:	#902e08;
@color-dark-chestnut:	#987368;
@color-dark-vanilla:	#ccbdaa;
@color-royal-brown:	#54382f;