Tempered Azure color palette — #F4F7EC · #C3EDFF · #009ED9 · #006877 · #002137
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F7EC): bright and airy, almost weightless.
- Frost (#C3EDFF): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#009ED9): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006877): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002137): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Azure 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 Denim Terrace color palette (#EBEEE5, #6DA9D8, #00559B, #002939, #000106)
- Muted Periwinkle color palette (#F4F6F0, #BFE0F3, #5AADF3, #147A98, #3C253D)
- Hushed Villa color palette (#AFF3FF, #00C3E3, #008BAD, #004A63, #002436)
- Frosted Magenta color palette (#DCFFEF, #0EB9F6, #D15BCA, #006C93, #2C032B)
- Linen Orchid Villa color palette (#FDF0FF, #1895FB, #BB35E4, #007C71, #17031A)
- Ancient Petrol Dune color palette (#E0EDE2, #95B9CF, #0072AB, #004B4F, #001534)
- Turquoise Canyon color palette (#F6F7E7, #CDE1FC, #00C5D2, #008979, #003C46)
- Wandering Petrol Bloom color palette (#EEF0E0, #6DC6D5, #00738A, #003E3E, #000305)
Browse the whole catalog at Explore, or see today's palette.