Quiet Horizon UX Scheme

Seafoam Blue
#bce9ff
Rose Cream
#ffe2e1
Sand Neutral
#fff3cc
Mist Mint
#d6ffe8
Lilac Breeze
#ead9ff
Soft Onyx
#313131

Палітра містить світлий, темний кольори. Акцентні кольори Sand Neutral #fff3cc та Lilac Breeze #ead9ff. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

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

Загалом насиченість здається яскравою (висока хрома).

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

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

HEX-коди (відсортовано): #313131, #BCE9FF, #D6FFE8, #EAD9FF, #FFE2E1, #FFF3CC

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

HEX: #bce9ff, RGB: (188, 233, 255); HEX: #ffe2e1, RGB: (255, 226, 225); HEX: #fff3cc, RGB: (255, 243, 204)

HEX: #d6ffe8, RGB: (214, 255, 232); HEX: #ead9ff, RGB: (234, 217, 255); HEX: #313131, RGB: (49, 49, 49)

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

Відтінок lightblue, Відтінок mistyrose, Відтінок lemonchiffon, Відтінок honeydew, Відтінок thistle, Відтінок Чорний

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

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

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

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

Колір	HEX	RGB	Назва	Альтернативна назва
#bce9ff	#bce9ff	RGB(188, 233, 255)	Seafoam Blue	—
#ffe2e1	#ffe2e1	RGB(255, 226, 225)	Rose Cream	—
#fff3cc	#fff3cc	RGB(255, 243, 204)	Sand Neutral	—
#d6ffe8	#d6ffe8	RGB(214, 255, 232)	Mist Mint	—
#ead9ff	#ead9ff	RGB(234, 217, 255)	Lilac Breeze	—
#313131	#313131	RGB(49, 49, 49)	Soft Onyx	—

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#bce9ff	#ffe2e1	1.06
#bce9ff	#fff3cc	1.16
#bce9ff	#d6ffe8	1.19
#bce9ff	#ead9ff	1.02
#ffe2e1	#fff3cc	1.1
#ffe2e1	#d6ffe8	1.12

Зображення палітри Quiet Horizon UX Scheme png

--color-seafoam-blue:	#bce9ff;
--color-rose-cream:	#ffe2e1;
--color-sand-neutral:	#fff3cc;
--color-mist-mint:	#d6ffe8;
--color-lilac-breeze:	#ead9ff;
--color-soft-onyx:	#313131;

$color-seafoam-blue:	#bce9ff;
$color-rose-cream:	#ffe2e1;
$color-sand-neutral:	#fff3cc;
$color-mist-mint:	#d6ffe8;
$color-lilac-breeze:	#ead9ff;
$color-soft-onyx:	#313131;

@color-seafoam-blue:	#bce9ff;
@color-rose-cream:	#ffe2e1;
@color-sand-neutral:	#fff3cc;
@color-mist-mint:	#d6ffe8;
@color-lilac-breeze:	#ead9ff;
@color-soft-onyx:	#313131;