Tempered Cobalt color palette — #E0F1FF · #98C3F7 · #5E7DCC · #52548C · #2D3148
A conversation between Azure and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#E0F1FF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#98C3F7): A luminous, balanced blue — the color of open sky before noon.
- Azure (#5E7DCC): A luminous, balanced violet — the color of twilight just after sunset.
- Peacock (#52548C): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#2D3148): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Tempered Cobalt into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Hazy Iris color palette (#D9E6FF, #ABABEA, #9477CC, #66477B, #342E46)
- Weathered Amber color palette (#ECF2FD, #9FB0EE, #B7993A, #5E6CAE, #1E3827)
- Patina Iris color palette (#EDF1FF, #CEC9FE, #7F7AC1, #483F75, #131A33)
- Tempered Cerulean color palette (#C6F1FC, #70CAD2, #0093B2, #136384, #223547)
- Ancient Garden color palette (#DBFFEC, #72B6F1, #6383BD, #685F8B, #6B4B52)
- Wandering Cerulean color palette (#ECF2FF, #DBD4E1, #A3AB9D, #738EAE, #393C4A)
- Faded Amethyst color palette (#D0E1FC, #8D98FF, #743EF9, #5E249A, #3A1546)
- Washed Byzantium Terrace color palette (#EEEEFF, #9C79D6, #9036BA, #63216F, #361430)
Browse the whole catalog at Explore, or see today's palette.