Ux landing grid clean colors

Metallic Sunburst
#a4833d
Light Steel Blue
#a9ccdc
Mustard Green
#726f21
Oxley
#719781
Dark Vanilla
#d9bead
Liver Chestnut (Horses)
#5e3c31

Палітра містить світлий кольори. Акцентні кольори Light Steel Blue #a9ccdc та Mustard Green #726f21. Палітра має температуру кольорів Теплий, Холодний.

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

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

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

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

HEX-коди (відсортовано): #5E3C31, #719781, #726F21, #A4833D, #A9CCDC, #D9BEAD

Палітра Ux landing grid clean colors містить комбінацію з 6 кодів кольорів :

HEX: #a4833d, RGB: (164, 131, 61); HEX: #a9ccdc, RGB: (169, 204, 220); HEX: #726f21, RGB: (114, 111, 33)

HEX: #719781, RGB: (113, 151, 129); HEX: #d9bead, RGB: (217, 190, 173); HEX: #5e3c31, RGB: (94, 60, 49)

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

Відтінок darkgoldenrod, Відтінок lightblue, Відтінок Оливковий, Відтінок cadetblue, Відтінок peachpuff, Відтінок saddlebrown

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

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

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

Ux landing grid clean colors коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#a4833d	#a4833d	RGB(164, 131, 61)	Metallic Sunburst	—
#a9ccdc	#a9ccdc	RGB(169, 204, 220)	Light Steel Blue	—
#726f21	#726f21	RGB(114, 111, 33)	Mustard Green	—
#719781	#719781	RGB(113, 151, 129)	Oxley	—
#d9bead	#d9bead	RGB(217, 190, 173)	Dark Vanilla	—
#5e3c31	#5e3c31	RGB(94, 60, 49)	Liver Chestnut (Horses)	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#a4833d	#726f21	1.46
#a4833d	#719781	1.09
#a9ccdc	#719781	1.91
#a9ccdc	#d9bead	1.03
#726f21	#719781	1.6
#726f21	#5e3c31	1.85

Зображення палітри Ux landing grid clean colors png

--color-metallic-sunburst:	#a4833d;
--color-light-steel-blue:	#a9ccdc;
--color-mustard-green:	#726f21;
--color-oxley:	#719781;
--color-dark-vanilla:	#d9bead;
--color-liver-chestnut-horses:	#5e3c31;

$color-metallic-sunburst:	#a4833d;
$color-light-steel-blue:	#a9ccdc;
$color-mustard-green:	#726f21;
$color-oxley:	#719781;
$color-dark-vanilla:	#d9bead;
$color-liver-chestnut-horses:	#5e3c31;

@color-metallic-sunburst:	#a4833d;
@color-light-steel-blue:	#a9ccdc;
@color-mustard-green:	#726f21;
@color-oxley:	#719781;
@color-dark-vanilla:	#d9bead;
@color-liver-chestnut-horses:	#5e3c31;