HueOdysseyPalettes de couleurs pastel
Explorez des palettes de couleurs pastel avec sept rôles sémantiques, un contraste accessible, un aperçu d’interface réaliste et des valeurs HEX prêtes pour CSS.
Pourquoi cette palette fonctionne
Les tons pastel ont besoin d’un écart de luminosité suffisant pour conserver la hiérarchie. Associez des fonds doux à un texte foncé et utilisez la couleur la plus soutenue pour les actions essentielles.
Les sept couleurs sont réparties entre action principale, soutien secondaire, accent, fond, surface, texte et contenu atténué. Cette répartition rend la palette utile au-delà d’une planche d’ambiance.
Comment l’utiliser
Utilisez la couleur principale pour les appels à l’action et les liens, pas pour chaque élément décoratif.
Associez le texte à des fonds et surfaces conformes au niveau WCAG AA.
L’accent fonctionne mieux pour les badges, les mises en valeur et les moments qui nécessitent de l’attention.
Directions associées
Questions fréquentes
Puis-je utiliser ces couleurs dans un projet commercial ?
Oui. Les valeurs HEX sont des données colorimétriques, pas des ressources sous licence. Adaptez la palette à votre interface et au contexte de votre marque.
La palette respecte-t-elle les exigences WCAG ?
Le rôle texte est vérifié sur le fond et la surface. Contrôlez à nouveau le contraste après toute modification de couleur, police, taille ou graisse.