Les couleurs du DSFR
Les couleurs du DSFR... Comment les utiliser au mieux ?
Publié le 19/02/2026
Le DSFR impose l’utilisation de couleurs prédéfinies qui s’adaptent ensuite au thème sombre ou clair des pages web.
Les couleurs "illustratives" sont à utiliser pour les paramètres des "mises en avant" ou "mises en exergues".
Les couleurs "système" sont automatiquement définies dans les alertes par le "type d’alerte".
|
█ : green-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-cafe-creme |
█ : brown-caramel |
█ : brown-opera |
█ : beige-gris-galet | ||
Exemple d’utilisation :
Titre de mise en avant
SPIP est un système de publication pour l’Internet qui s’attache particulièrement au fonctionnement collectif, au multilinguisme et à la facilité d’emploi.
<dsfr-mise_en_avant|titre=Titre de mise en avant|couleur=orange-terre-battue>
SPIP est un système de publication pour l'Internet qui s'attache particulièrement au fonctionnement collectif, au multilinguisme et à la facilité d'emploi.
</dsfr-mise_en_avant>Ces couleurs sont utilisées exclusivement pour représenter des états et des statuts.
█ : info
█ : succes
█ : attention
█ : erreur