Pattern ux figma ui palette

Mellow Apricot
#ecc373
Buff
#f6d489
Field Drab
#74520f
Dirt
#a07c50
Dark Vanilla
#d0d2aa
Deep Space Sparkle
#44646c

Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące Buff #f6d489 i Deep Space Sparkle #44646c. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.

Według jasności paleta rozciąga się od #74520F (najciemniejszy) do #F6D489 (najjaśniejszy). Zakres jasności jest umiarkowany.

Nasycenie jest mieszane — część próbek stonowana, część żywsza.

Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).

Ogólna temperatura barw przechyla się ku ciepłu.

Kody HEX (posortowane): #44646C, #74520F, #A07C50, #D0D2AA, #ECC373, #F6D489

Paleta Pattern ux figma ui palette zawiera kombinację kolorów kodów 6:

KLĄTWA: #ecc373, RGB: (236, 195, 115); KLĄTWA: #f6d489, RGB: (246, 212, 137); KLĄTWA: #74520f, RGB: (116, 82, 15)

KLĄTWA: #a07c50, RGB: (160, 124, 80); KLĄTWA: #d0d2aa, RGB: (208, 210, 170); KLĄTWA: #44646c, RGB: (68, 100, 108)

Uproszczona wersja palety kolorów

Cień burlywood, Odcień navajowhite, Cień saddlebrown, Odcień peru, Odcień palegoldenrod, Cień darkslategrey

Schemat kolorów został stworzony przez colorswall

Więcej palet z:

Kody kolorów w palecie

Pattern ux figma ui palette kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#ecc373	#ecc373	RGB(236, 195, 115)	Mellow Apricot	—
#f6d489	#f6d489	RGB(246, 212, 137)	Buff	—
#74520f	#74520f	RGB(116, 82, 15)	Field Drab	—
#a07c50	#a07c50	RGB(160, 124, 80)	Dirt	—
#d0d2aa	#d0d2aa	RGB(208, 210, 170)	Dark Vanilla	—
#44646c	#44646c	RGB(68, 100, 108)	Deep Space Sparkle	—

Kontrast palety kolorów

6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#ecc373	#f6d489	1.16
#ecc373	#d0d2aa	1.06
#f6d489	#d0d2aa	1.09
#74520f	#a07c50	1.85
#74520f	#44646c	1.11
#a07c50	#44646c	1.67

Paleta obrazów Pattern ux figma ui palette png

--color-mellow-apricot:	#ecc373;
--color-buff:	#f6d489;
--color-field-drab:	#74520f;
--color-dirt:	#a07c50;
--color-dark-vanilla:	#d0d2aa;
--color-deep-space-sparkle:	#44646c;

$color-mellow-apricot:	#ecc373;
$color-buff:	#f6d489;
$color-field-drab:	#74520f;
$color-dirt:	#a07c50;
$color-dark-vanilla:	#d0d2aa;
$color-deep-space-sparkle:	#44646c;

@color-mellow-apricot:	#ecc373;
@color-buff:	#f6d489;
@color-field-drab:	#74520f;
@color-dirt:	#a07c50;
@color-dark-vanilla:	#d0d2aa;
@color-deep-space-sparkle:	#44646c;