Created at 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
The palette consists of Light, Dark colors. Accent colors Molecule Gold #ffce54 and Template Cloud #f9fafb. Palette has Cool, Warm, Neutral colors temperature.
Palette Atomic Design Pattern Library has combination of 6 codes colors:
HEX: #aab8c2, RGB: (170, 184, 194); HEX: #ffce54, RGB: (255, 206, 84); HEX: #6ee7b7, RGB: (110, 231, 183)
HEX: #f9fafb, RGB: (249, 250, 251); HEX: #1f1f1f, RGB: (31, 31, 31); HEX: #ff7262, RGB: (255, 114, 98)
Simplified version of palette colors
Tint of lightsteelblue, Shade of gold, Tint of aquamarine, Shade of whitesmoke, Shade of Black, Tint of salmon
Color scheme was created by colorstudio
Colors codes in palette
Atomic Design Pattern Library color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #aab8c2 | #aab8c2 | RGB(170, 184, 194) | Element Steel | — |
| #ffce54 | #ffce54 | RGB(255, 206, 84) | Molecule Gold | — |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Organism Mint | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Template Cloud | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Override Black | Gray12 |
| #ff7262 | #ff7262 | RGB(255, 114, 98) | Token Coral | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#aab8c2 | #ffce54 | 1.37 |
#aab8c2 | #6ee7b7 | 1.33 |
#aab8c2 | #f9fafb | 1.94 |
#aab8c2 | #ff7262 | 1.32 |
#ffce54 | #6ee7b7 | 1.03 |
#ffce54 | #f9fafb | 1.41 |
