Quiet Focus Layer

Clay Base
#f2e9e4
Moss Gray
#a9b3ab
Pale Orange
#fbc797
Seafoam Green
#c2e3d3
Iron Dust
#505050
Cloud White
#fcfbf9

Палітра містить світлий кольори. Акцентні кольори Pale Orange #fbc797 та Seafoam Green #c2e3d3. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.

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

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

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

Більшість зразків читаються як нейтральні за температурою.

HEX-коди (відсортовано): #505050, #A9B3AB, #C2E3D3, #F2E9E4, #FBC797, #FCFBF9

Палітра Quiet Focus Layer містить комбінацію з 6 кодів кольорів :

HEX: #f2e9e4, RGB: (242, 233, 228); HEX: #a9b3ab, RGB: (169, 179, 171); HEX: #fbc797, RGB: (251, 199, 151)

HEX: #c2e3d3, RGB: (194, 227, 211); HEX: #505050, RGB: (80, 80, 80); HEX: #fcfbf9, RGB: (252, 251, 249)

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

Відтінок linen, Відтінок darkgrey, Відтінок peachpuff, Відтінок paleturquoise, Відтінок dimgrey, Відтінок Білий

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

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

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

Quiet Focus Layer коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#f2e9e4	#f2e9e4	RGB(242, 233, 228)	Clay Base	—
#a9b3ab	#a9b3ab	RGB(169, 179, 171)	Moss Gray	—
#fbc797	#fbc797	RGB(251, 199, 151)	Pale Orange	—
#c2e3d3	#c2e3d3	RGB(194, 227, 211)	Seafoam Green	—
#505050	#505050	RGB(80, 80, 80)	Iron Dust	Fiftieth Shade of Grey
#fcfbf9	#fcfbf9	RGB(252, 251, 249)	Cloud White	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#f2e9e4	#a9b3ab	1.8
#f2e9e4	#fbc797	1.27
#f2e9e4	#c2e3d3	1.15
#f2e9e4	#fcfbf9	1.15
#a9b3ab	#fbc797	1.41
#a9b3ab	#c2e3d3	1.56

Зображення палітри Quiet Focus Layer png

--color-clay-base:	#f2e9e4;
--color-moss-gray:	#a9b3ab;
--color-pale-orange:	#fbc797;
--color-seafoam-green:	#c2e3d3;
--color-iron-dust:	#505050;
--color-cloud-white:	#fcfbf9;

$color-clay-base:	#f2e9e4;
$color-moss-gray:	#a9b3ab;
$color-pale-orange:	#fbc797;
$color-seafoam-green:	#c2e3d3;
$color-iron-dust:	#505050;
$color-cloud-white:	#fcfbf9;

@color-clay-base:	#f2e9e4;
@color-moss-gray:	#a9b3ab;
@color-pale-orange:	#fbc797;
@color-seafoam-green:	#c2e3d3;
@color-iron-dust:	#505050;
@color-cloud-white:	#fcfbf9;