Tempered Ultramarine color palette — #E8F8FF · #00CDBA · #00ABCE · #005FD5 · #002A3E
Built around Cobalt, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Ivory (#E8F8FF): bright and airy, almost weightless.
- Aqua (#00CDBA): A luminous, balanced teal — the color of shallow lagoons.
- Cyan (#00ABCE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cobalt (#005FD5): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Midnight (#002A3E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Energy, Balance. Tagged candy, vibrant, light, 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
- Powdered Mint color palette (#DFFBFF, #00D5AB, #00B1B8, #0071A6, #003038)
- Muted Lapis color palette (#ECF7FF, #00CDD6, #009CDC, #6337EA, #002657)
- Wandering Aqua color palette (#ECF9EE, #56CCCF, #007B8E, #005846, #00394C)
- Chalky Chartreuse color palette (#DDFFE8, #31F18C, #00C8DB, #8878FF, #002A3D)
- Faded Byzantium color palette (#E7F0FF, #00BDEF, #6488FF, #8A36B8, #1E1C44)
- Amethyst Villa color palette (#E3F5FF, #24D875, #00AFC7, #8B39FF, #00111D)
- Violet Terrace color palette (#EEF6FF, #67E1FF, #73B8FF, #8959D4, #202D5C)
- Quiet Boulevard color palette (#D9FFF1, #74D800, #00AD8A, #008494, #00322D)
Browse the whole catalog at Explore, or see today's palette.