Terra Dashboard Layer

Primary Clay
#ca8a04
Secondary Sand
#fde68a
Accent Sky
#60a5fa
Background Dust
#fdf6e3
Surface Shell
#f9f5eb
Text Deep Brown
#1f1f1f

La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Secondary Sand #fde68a et Accent Sky #60a5fa. La palette a une température de couleur Chaud, Froid, Neutre.

En luminosité, cette palette va de #1F1F1F (plus sombre) à #F9F5EB (plus clair). L’écart de luminosité est large.

La saturation semble globalement vive (chromie élevée).

Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).

La température globale penche vers le chaud.

Codes HEX (triés) : #1F1F1F, #60A5FA, #CA8A04, #F9F5EB, #FDE68A, #FDF6E3

La palette Terra Dashboard Layer a une combinaison de couleurs de codes 6:

HEX: #ca8a04, RVB: (202, 138, 4); HEX: #fde68a, RVB: (253, 230, 138); HEX: #60a5fa, RVB: (96, 165, 250)

HEX: #fdf6e3, RVB: (253, 246, 227); HEX: #f9f5eb, RVB: (249, 245, 235); HEX: #1f1f1f, RVB: (31, 31, 31)

Version simplifiée des couleurs de la palette

Ombre de darkgoldenrod, Ombre de Kaki, Ombre de cornflowerblue, Ombre de oldlace, Nuance de floralwhite, Ombre de Noir

Le jeu de couleurs a été créé par colorhunt

Plus de palettes avec:

Codes couleurs dans la palette

Terra Dashboard Layer codes de couleur HEX, informations RVB dans le tableau

Couleur	HEX	RVB	Nom	Autre nom
#ca8a04	#ca8a04	RVB(202, 138, 4)	Primary Clay	—
#fde68a	#fde68a	RVB(253, 230, 138)	Secondary Sand	—
#60a5fa	#60a5fa	RVB(96, 165, 250)	Accent Sky	—
#fdf6e3	#fdf6e3	RVB(253, 246, 227)	Background Dust	—
#f9f5eb	#f9f5eb	RVB(249, 245, 235)	Surface Shell	—
#1f1f1f	#1f1f1f	RVB(31, 31, 31)	Text Deep Brown	Gray12

Contraste de la palette de couleurs

4 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.

Couleur du texte	Couleur de l'arrière plan	Rapport de contraste
#ca8a04	#60a5fa	1.15
#fde68a	#fdf6e3	1.15
#fde68a	#f9f5eb	1.14
#fdf6e3	#f9f5eb	1

Palette d'images Terra Dashboard Layer png

--color-primary-clay:	#ca8a04;
--color-secondary-sand:	#fde68a;
--color-accent-sky:	#60a5fa;
--color-background-dust:	#fdf6e3;
--color-surface-shell:	#f9f5eb;
--color-text-deep-brown:	#1f1f1f;

$color-primary-clay:	#ca8a04;
$color-secondary-sand:	#fde68a;
$color-accent-sky:	#60a5fa;
$color-background-dust:	#fdf6e3;
$color-surface-shell:	#f9f5eb;
$color-text-deep-brown:	#1f1f1f;

@color-primary-clay:	#ca8a04;
@color-secondary-sand:	#fde68a;
@color-accent-sky:	#60a5fa;
@color-background-dust:	#fdf6e3;
@color-surface-shell:	#f9f5eb;
@color-text-deep-brown:	#1f1f1f;