Variables de couleurs

La palette de couleurs du système de design de l’État est définie par la charte graphique de l'État. Cette page montre des exemples de déclinaisons de couleurs. Se référer à la documentation officielle pour comprendre les conditions d'usage.

Couleurs

Documentation officielle

Usage

Documentation du choix des tokens

Tokens

Arbre des tokens de décision

Couleurs de fonds


Ces couleurs peuvent être utilisées comme fond dans des sections de pages.

background-alt-grey

background-alt-blue-france

background-alt-red-marianne

background-alt-green-tilleul-verveine

background-alt-green-bourgeon

background-alt-green-emeraude

background-alt-green-menthe

background-alt-green-archipel

background-alt-blue-ecume

background-alt-blue-cumulus

background-alt-purple-glycine

background-alt-pink-macaron

background-alt-pink-tuile

background-alt-yellow-tournesol

background-alt-yellow-moutarde

background-alt-orange-terre-battue

background-alt-brown-caramel

background-alt-brown-cafe-creme

background-alt-brown-opera

background-alt-beige-gris-galet

Composants

Badges

  • default

  • tilleul-verveine

  • green-bourgeon

  • green-emeraude

  • green-menthe

  • green-archipel

  • blue-ecume

  • blue-cumulus

  • purple-glycine

  • pink-macaron

  • pink-tuile

  • yellow-tournesol

  • yellow-moutarde

  • orange-terre-battue

  • brown-caramel

  • brown-cafe-creme

  • beige-gris-galet

Tags

Mise en avant

Couleur green-tilleul-verveine

Couleur green-bourgeon

Couleur green-emeraude

Couleur green-menthe

Couleur green-archipel

Couleur blue-ecume

Couleur blue-cumulus

Couleur purple-glycine

Couleur pink-macaron

Couleur pink-tuile

Couleur yellow-tournesol

Couleur yellow-moutarde

Couleur orange-terre-battue

Couleur brown-cafe-creme

Couleur brown-caramel

Couleur brown-opera

Couleur beige-gris-galet

Gamme de couleur

D'autres composants sont personnalisables :

  • Mise en exergue
  • Tableaux
  • d'autres à venir...

background-contrast-grey

background-contrast-blue-france

background-contrast-red-marianne

background-contrast-green-tilleul-verveine

background-contrast-green-bourgeon

background-contrast-green-emeraude

background-contrast-green-menthe

background-contrast-green-archipel

background-contrast-blue-ecume

background-contrast-blue-cumulus

background-contrast-purple-glycine

background-contrast-pink-macaron

background-contrast-pink-tuile

background-contrast-yellow-tournesol

background-contrast-yellow-moutarde

background-contrast-orange-terre-battue

background-contrast-brown-caramel

background-contrast-brown-cafe-creme

background-contrast-brown-opera

background-contrast-beige-gris-galet

Illustrations

Ces couleurs font partie de la charte de l'État. Elles peuvent servir à la composition d’illustration ou de pictogrammes.

artwork-major-blue-france

artwork-minor-blue-france

artwork-minor-red-marianne

artwork-decorative-blue-france

artwork-decorative-red-marianne

artwork-minor-green-tilleul-verveine

artwork-minor-green-bourgeon

artwork-minor-green-emeraude

artwork-minor-green-menthe

artwork-minor-green-archipel

artwork-minor-blue-ecume

artwork-minor-blue-cumulus

artwork-minor-purple-glycine

artwork-minor-pink-macaron

artwork-minor-pink-tuile

artwork-minor-yellow-tournesol

artwork-minor-yellow-moutarde

artwork-minor-orange-terre-battue

artwork-minor-brown-cafe-creme

artwork-minor-brown-opera

artwork-minor-beige-gris-galet