Design Token Strategy System
- Token Teal#20c997
- Layer Lavender#d8b4e2
- Grid Amber#f7b267
- Border Black#121212
- Base Cream#faf3dd
Créé le 07/08/2025 08:32
La palette se compose de Clair, Sombre couleurs. Couleurs d'accent Token Teal #20c997 et Grid Amber #f7b267. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #121212 (plus sombre) à #FAF3DD (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée) — 60% des couleurs sont vives.
Une palette variée : ses teintes s'étendent sur environ 235° du cercle chromatique.
La température globale penche vers le froid (2 sur 5).
Codes HEX (triés) : #121212, #20C997, #D8B4E2, #F7B267, #FAF3DD
La palette Design Token Strategy System combine 5 codes couleur:
HEX: #20c997, RVB: (32, 201, 151); HEX: #d8b4e2, RVB: (216, 180, 226); HEX: #f7b267, RVB: (247, 178, 103)
HEX: #121212, RVB: (18, 18, 18); HEX: #faf3dd, RVB: (250, 243, 221)
Version simplifiée des couleurs de la palette
Nuance de Aigue-marine moyen, Teinte de Prune, Teinte de Brun sable, Teinte de Noir, Nuance de Soie de maïs
Le jeu de couleurs a été créé par colorhunt
Codes couleurs dans la palette
Design Token Strategy System codes de couleur HEX, informations RVB dans le tableau
Contraste de la palette de couleurs
6 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 |
|---|---|---|
#20c997 | #d8b4e2 | 1.17 |
#20c997 | #f7b267 | 1.16 |
#20c997 | #faf3dd | 1.91 |
#d8b4e2 | #f7b267 | 1 |
#d8b4e2 | #faf3dd | 1.63 |
#f7b267 | #faf3dd | 1.64 |
Palette d'images Design Token Strategy System png
Exporter la palette
Téléchargez la "Design Token Strategy System" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :