Product Roadmap Flow Theme

Milestone Gold
#f9a03f
Task Peach
#ffd6a5
Priority Teal
#00b894
Road Gray
#d6d6d6
Timeline Violet
#cbaacb
Label Paper
#fbfbfb

Палітра містить світлий кольори. Акцентні кольори Task Peach #ffd6a5 та Priority Teal #00b894. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.

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

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

Відтінки широко розкидані по колі — різноманітна палітра (евристика).

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

HEX-коди (відсортовано): #00B894, #CBAACB, #D6D6D6, #F9A03F, #FBFBFB, #FFD6A5

Палітра Product Roadmap Flow Theme містить комбінацію з 6 кодів кольорів :

HEX: #f9a03f, RGB: (249, 160, 63); HEX: #ffd6a5, RGB: (255, 214, 165); HEX: #00b894, RGB: (0, 184, 148)

HEX: #d6d6d6, RGB: (214, 214, 214); HEX: #cbaacb, RGB: (203, 170, 203); HEX: #fbfbfb, RGB: (251, 251, 251)

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

Відтінок sandybrown, Відтінок navajowhite, Відтінок mediumaquamarine, Відтінок lightgrey, Відтінок thistle, Відтінок Білий

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

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

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

Product Roadmap Flow Theme коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#f9a03f	#f9a03f	RGB(249, 160, 63)	Milestone Gold	—
#ffd6a5	#ffd6a5	RGB(255, 214, 165)	Task Peach	—
#00b894	#00b894	RGB(0, 184, 148)	Priority Teal	—
#d6d6d6	#d6d6d6	RGB(214, 214, 214)	Road Gray	Silver Medal
#cbaacb	#cbaacb	RGB(203, 170, 203)	Timeline Violet	—
#fbfbfb	#fbfbfb	RGB(251, 251, 251)	Label Paper	Whiteout

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#f9a03f	#ffd6a5	1.52
#f9a03f	#00b894	1.22
#f9a03f	#d6d6d6	1.42
#f9a03f	#cbaacb	1
#ffd6a5	#00b894	1.86
#ffd6a5	#d6d6d6	1.06

Зображення палітри Product Roadmap Flow Theme png

--color-milestone-gold:	#f9a03f;
--color-task-peach:	#ffd6a5;
--color-priority-teal:	#00b894;
--color-road-gray:	#d6d6d6;
--color-timeline-violet:	#cbaacb;
--color-label-paper:	#fbfbfb;

$color-milestone-gold:	#f9a03f;
$color-task-peach:	#ffd6a5;
$color-priority-teal:	#00b894;
$color-road-gray:	#d6d6d6;
$color-timeline-violet:	#cbaacb;
$color-label-paper:	#fbfbfb;

@color-milestone-gold:	#f9a03f;
@color-task-peach:	#ffd6a5;
@color-priority-teal:	#00b894;
@color-road-gray:	#d6d6d6;
@color-timeline-violet:	#cbaacb;
@color-label-paper:	#fbfbfb;