Créé à 06/08/2025 17:47
Atomic Design Pattern Library
Element Steel
#aab8c2
Molecule Gold
#ffce54
Organism Mint
#6ee7b7
Template Cloud
#f9fafb
Override Black
#1f1f1f
Token Coral
#ff7262
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Molecule Gold #ffce54 et Template Cloud #f9fafb. La palette a une température de couleur Froid, Chaud, Neutre.
La palette Atomic Design Pattern Library a une combinaison de couleurs de codes 6:
HEX: #aab8c2, RVB: (170, 184, 194); HEX: #ffce54, RVB: (255, 206, 84); HEX: #6ee7b7, RVB: (110, 231, 183)
HEX: #f9fafb, RVB: (249, 250, 251); HEX: #1f1f1f, RVB: (31, 31, 31); HEX: #ff7262, RVB: (255, 114, 98)
Version simplifiée des couleurs de la palette
Nuance de lightsteelblue, Ombre de gold, Nuance de aquamarine, Ombre de whitesmoke, Ombre de Noir, Nuance de salmon
Le jeu de couleurs a été créé par colorstudio
Codes couleurs dans la palette
Atomic Design Pattern Library codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #aab8c2 | #aab8c2 | RVB(170, 184, 194) | Element Steel | — |
| #ffce54 | #ffce54 | RVB(255, 206, 84) | Molecule Gold | — |
| #6ee7b7 | #6ee7b7 | RVB(110, 231, 183) | Organism Mint | — |
| #f9fafb | #f9fafb | RVB(249, 250, 251) | Template Cloud | — |
| #1f1f1f | #1f1f1f | RVB(31, 31, 31) | Override Black | Gray12 |
| #ff7262 | #ff7262 | RVB(255, 114, 98) | Token Coral | — |
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 |
#aab8c2 | #ffce54 | 1.37 |
#aab8c2 | #6ee7b7 | 1.33 |
#aab8c2 | #f9fafb | 1.94 |
#aab8c2 | #ff7262 | 1.32 |
#ffce54 | #6ee7b7 | 1.03 |
#ffce54 | #f9fafb | 1.41 |
