Tempered Azure color palette — #FBE8E0 · #7DCFDB · #2F9DD4 · #008154 · #0B1C46
A conversation between Cerulean and Teal, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#FBE8E0): A whisper-light, dusty orange — the color of sun-warmed clay.
- Ice Blue (#7DCFDB): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#2F9DD4): A luminous, balanced blue — the color of deep harbor water.
- Teal (#008154): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#0B1C46): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
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
- Weathered Drift color palette (#ECE2D9, #82C9F7, #698DE9, #007D79, #23153F)
- Worn Petrol Alley color palette (#E2EEE4, #53C3D2, #0081A0, #005A50, #002235)
- Hushed Periwinkle color palette (#FFF3E8, #B5E0FF, #86A6FF, #009894, #392361)
- Aged Denim color palette (#F4E7F0, #77A4B6, #006081, #003B2E, #000B1D)
- Magenta Villa color palette (#E7DAE6, #D934DA, #009A77, #007A7F, #200420)
- Tempered Powder Atelier color palette (#FEF3EC, #BDF1EC, #8CC4F5, #62A890, #593D52)
- Frosted Fuchsia color palette (#FBDBDF, #FC6BFA, #03AB5F, #932293, #00220E)
- Wandering Cobalt color palette (#ECDFEF, #FFB3B9, #DCA65E, #7479C4, #371412)
Browse the whole catalog at Explore, or see today's palette.