Palette de couleurs - Classification sémantique

34 couleurs organisées par usage

Neutres clairs Background Secondary (8 couleurs)

Gris argent
--gris-argent
hsl(0, 0%, 91%)
Secondary — Moderne
Gris perle
--gris-perle
hsl(0, 0%, 96%)
Moderne, Puissant
Blanc ivoire
--blanc-ivoire
hsl(40, 23%, 97%)
Luxe
Gris platine
--gris-platine
hsl(0, 0%, 94%)
Professionnel
Crème vanille
--creme-vanille
hsl(36, 100%, 97%)
Créatif
Gris bleu
--gris-bleu
hsl(192, 15%, 94%)
Raffiné
Gris neige
--gris-neige
hsl(0, 0%, 99%)
Amical
Beige lin
--beige-lin
hsl(37, 50%, 92%)
Vintage

Neutres foncés Text Primary (7 couleurs)

Gris anthracite
--gris-anthracite
hsl(0, 0%, 10%)
Text — Moderne, Créatif, Puissant / Primary — Luxe
Noir pur
--noir-pur
hsl(0, 0%, 0%)
Primary — Puissant
Gris ardoise
--gris-ardoise
hsl(0, 0%, 16%)
Text — Luxe
Gris graphite
--gris-graphite
hsl(0, 0%, 20%)
Text — Raffiné
Gris fumée
--gris-fumee
hsl(0, 0%, 23%)
Text — Vintage
Gris étain
--gris-etain
hsl(0, 0%, 29%)
Primary — Vintage / Secondary — Puissant
Noir charbon
--noir-charbon
hsl(0, 0%, 4%)
Text — Professionnel

Rouges (345° à 15°) (2 couleurs)

Rouge cerise
--rouge-cerise
hsl(0, 65%, 51%)
Primary — Créatif
Rose poudre
--rose-poudre
hsl(7, 43%, 93%)
Secondary — Créatif

Oranges (16° à 45°) (6 couleurs)

Orange corail
--orange-corail
hsl(16, 100%, 60%)
Accent — Moderne
Taupe clair
--taupe-clair
hsl(27, 22%, 78%)
Secondary — Raffiné
Beige sable
--beige-sable
hsl(30, 14%, 89%)
Secondary — Luxe
Brun noisette
--brun-noisette
hsl(30, 24%, 44%)
Accent — Raffiné
Or antique
--or-antique
hsl(43, 74%, 31%)
Accent — Vintage
Or doré
--or-dore
hsl(46, 65%, 52%)
Accent — Luxe

Verts (77° à 163°) (2 couleurs)

Vert menthe
--vert-menthe
hsl(120, 47%, 88%)
Secondary — Amical
Vert forêt
--vert-foret
hsl(150, 100%, 20%)
Accent — Professionnel

Cyans (164° à 196°) (1 couleur)

Cyan turquoise
--cyan-turquoise
hsl(168, 100%, 36%)
Accent — Amical

Bleus (197° à 255°) (7 couleurs)

Bleu ciel
--bleu-ciel
hsl(206, 38%, 80%)
Secondary — Vintage
Bleu océan
--bleu-ocean
hsl(207, 100%, 27%)
Accent — Puissant
Bleu acier
--bleu-acier
hsl(207, 79%, 46%)
Accent — Créatif
Bleu royal
--bleu-royal
hsl(210, 100%, 40%)
Primary — Moderne
Bleu ardoise
--bleu-ardoise
hsl(210, 29%, 24%)
Primary — Raffiné / Text — Amical
Bleu marine
--bleu-marine
hsl(216, 100%, 30%)
Primary — Professionnel
Bleu glacier
--bleu-glacier
hsl(217, 100%, 95%)
Secondary — Professionnel

Violets (256° à 300°) (1 couleur)

Violet iris
--violet-iris
hsl(250, 75%, 64%)
Primary — Amical