App icon design guidelines illustration

Giants Orange
#f5571e
Flax
#eccf7d
Spanish Purple
#6c133e
Blackberry
#935a77
Dark Vanilla
#cab7aa
Van Dyke Brown
#644034

Палітра містить світлий, темний кольори. Акцентні кольори Giants Orange #f5571e та Flax #eccf7d. Палітра має температуру кольорів Теплий, Нейтральний.

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

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

Відтінки лежать у сусідній смузі на колі (евристика).

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

HEX-коди (відсортовано): #644034, #6C133E, #935A77, #CAB7AA, #ECCF7D, #F5571E

Палітра App icon design guidelines illustration містить комбінацію з 6 кодів кольорів :

HEX: #f5571e, RGB: (245, 87, 30); HEX: #eccf7d, RGB: (236, 207, 125); HEX: #6c133e, RGB: (108, 19, 62)

HEX: #935a77, RGB: (147, 90, 119); HEX: #cab7aa, RGB: (202, 183, 170); HEX: #644034, RGB: (100, 64, 52)

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

Відтінок orangered, Відтінок хакі, Відтінок Фіолетовий, Відтінок mediumvioletred, Відтінок tan, Відтінок saddlebrown

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

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

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

App icon design guidelines illustration коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#f5571e	#f5571e	RGB(245, 87, 30)	Giants Orange	—
#eccf7d	#eccf7d	RGB(236, 207, 125)	Flax	—
#6c133e	#6c133e	RGB(108, 19, 62)	Spanish Purple	—
#935a77	#935a77	RGB(147, 90, 119)	Blackberry	—
#cab7aa	#cab7aa	RGB(202, 183, 170)	Dark Vanilla	—
#644034	#644034	RGB(100, 64, 52)	Van Dyke Brown	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#f5571e	#935a77	1.57
#f5571e	#cab7aa	1.73
#eccf7d	#cab7aa	1.26
#6c133e	#644034	1.29
#935a77	#644034	1.7

--color-giants-orange:	#f5571e;
--color-flax:	#eccf7d;
--color-spanish-purple:	#6c133e;
--color-blackberry:	#935a77;
--color-dark-vanilla:	#cab7aa;
--color-van-dyke-brown:	#644034;

$color-giants-orange:	#f5571e;
$color-flax:	#eccf7d;
$color-spanish-purple:	#6c133e;
$color-blackberry:	#935a77;
$color-dark-vanilla:	#cab7aa;
$color-van-dyke-brown:	#644034;

@color-giants-orange:	#f5571e;
@color-flax:	#eccf7d;
@color-spanish-purple:	#6c133e;
@color-blackberry:	#935a77;
@color-dark-vanilla:	#cab7aa;
@color-van-dyke-brown:	#644034;

App icon design guidelines illustration

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

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

Зображення палітри App icon design guidelines illustration png