Tempered Ultramarine color palette — #D6F3FA · #2C8FE8 · #454EBC · #461E89 · #46164D
Built around Cobalt, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Frost (#D6F3FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#2C8FE8): A luminous, vivid blue — the color of open sky before noon.
- Cobalt (#454EBC): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#461E89): A deep, shadowed, vivid violet — the color of wild irises.
- Royal Purple (#46164D): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Ultramarine 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
- Tempered Navy Summit color palette (#D4F1F4, #0094C9, #005FA6, #2F2E89, #381C56)
- Nightshade Quarry color palette (#E0F1FF, #5F9CE9, #5265EB, #4D25B4, #321854)
- Indigo Study color palette (#D9ECF9, #6CA0E7, #5A62C0, #613784, #572C4F)
- Weathered Cabin color palette (#D1E0ED, #4D8AD7, #3D44BF, #33069A, #1D003D)
- Frosted Chapel color palette (#DCECFE, #8184ED, #6F3EAE, #5F0763, #4D082F)
- Tempered Quarry color palette (#E2DBFF, #9588DE, #533CA1, #340066, #1B003F)
- Hushed Nightshade color palette (#D3DEFA, #726ED9, #7F6800, #4227AD, #322800)
- Softworn Indigo color palette (#C7EFE2, #A7C52B, #6971EC, #2E1D3C, #0D1424)
Browse the whole catalog at Explore, or see today's palette.