Créé à 07/11/2025 16:39
Visual Design Token Palette
- Primary Indigo#6366f1
- Accent Amber#fbbf24
- Secondary Lilac#c084fc
- Base Gray#e5e7eb
- Surface White#ffffff
- Highlight Cyan#22d3ee
La palette se compose de Lumière couleurs. Couleurs d'accent Accent Amber #fbbf24 et Secondary Lilac #c084fc. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #22D3EE (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est modéré.
La saturation semble globalement vive (chromie élevée).
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le froid.
Codes HEX (triés) : #22D3EE, #6366F1, #C084FC, #E5E7EB, #FBBF24, #FFFFFF
La palette Visual Design Token Palette a une combinaison de couleurs de codes 6:
HEX: #6366f1, RVB: (99, 102, 241); HEX: #fbbf24, RVB: (251, 191, 36); HEX: #c084fc, RVB: (192, 132, 252)
HEX: #e5e7eb, RVB: (229, 231, 235); HEX: #ffffff, RVB: (255, 255, 255); HEX: #22d3ee, RVB: (34, 211, 238)
Version simplifiée des couleurs de la palette
Nuance de mediumslateblue, Ombre de goldenrod, Nuance de violet, Ombre de gainsboro, Blanc, Ombre de darkturquoise
Le jeu de couleurs a été créé par raccoon
Codes couleurs dans la palette
Visual Design Token Palette codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #6366f1 | #6366f1 | RVB(99, 102, 241) | Primary Indigo | — |
| #fbbf24 | #fbbf24 | RVB(251, 191, 36) | Accent Amber | — |
| #c084fc | #c084fc | RVB(192, 132, 252) | Secondary Lilac | — |
| #e5e7eb | #e5e7eb | RVB(229, 231, 235) | Base Gray | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Surface White | White |
| #22d3ee | #22d3ee | RVB(34, 211, 238) | Highlight Cyan | — |
Contraste de la palette de couleurs
9 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 |
#6366f1 | #c084fc | 1.69 |
#fbbf24 | #c084fc | 1.58 |
#fbbf24 | #e5e7eb | 1.34 |
#fbbf24 | #ffffff | 1.66 |
#fbbf24 | #22d3ee | 1.08 |
#c084fc | #22d3ee | 1.46 |
Palette d'images Visual Design Token Palette png
Exporter la palette
Téléchargez la "Visual Design Token Palette" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :