Créé à 07/14/2025 07:44
Composable UI Design Infrastructure
- Slot Mint#b4f8c8
- Component Graphite#434343
- State Indigo#5e60ce
- Prop Cream#fffbf0
- Theme Pink#ffd3da
- Token White#fdfdfd
La palette se compose de Lumière couleurs. Couleurs d'accent State Indigo #5e60ce et Prop Cream #fffbf0. La palette a une température de couleur Froid, Neutre.
En luminosité, cette palette va de #434343 (plus sombre) à #FDFDFD (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée).
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La plupart des pastilles lisent comme neutres en température.
Codes HEX (triés) : #434343, #5E60CE, #B4F8C8, #FDFDFD, #FFD3DA, #FFFBF0
La palette Composable UI Design Infrastructure a une combinaison de couleurs de codes 6:
HEX: #b4f8c8, RVB: (180, 248, 200); HEX: #434343, RVB: (67, 67, 67); HEX: #5e60ce, RVB: (94, 96, 206)
HEX: #fffbf0, RVB: (255, 251, 240); HEX: #ffd3da, RVB: (255, 211, 218); HEX: #fdfdfd, RVB: (253, 253, 253)
Version simplifiée des couleurs de la palette
Ombre de aquamarine, Nuance de darkslategrey, Ombre de slateblue, Ombre de floralwhite, Ombre de Rose, Nuance de Blanc
Le jeu de couleurs a été créé par colorday
Codes couleurs dans la palette
Composable UI Design Infrastructure codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #b4f8c8 | #b4f8c8 | RVB(180, 248, 200) | Slot Mint | — |
| #434343 | #434343 | RVB(67, 67, 67) | Component Graphite | — |
| #5e60ce | #5e60ce | RVB(94, 96, 206) | State Indigo | — |
| #fffbf0 | #fffbf0 | RVB(255, 251, 240) | Prop Cream | Vanilla Shake |
| #ffd3da | #ffd3da | RVB(255, 211, 218) | Theme Pink | — |
| #fdfdfd | #fdfdfd | RVB(253, 253, 253) | Token White | Brilliance |
Contraste de la palette de couleurs
7 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 |
#b4f8c8 | #fffbf0 | 1.18 |
#b4f8c8 | #ffd3da | 1.1 |
#b4f8c8 | #fdfdfd | 1.2 |
#434343 | #5e60ce | 1.9 |
#fffbf0 | #ffd3da | 1.3 |
#fffbf0 | #fdfdfd | 1.01 |
Palette d'images Composable UI Design Infrastructure png
Exporter la palette
Téléchargez la "Composable UI Design Infrastructure" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :