Tempered Azure color palette — #FBF4E9 · #BDE6CD · #41A7D6 · #008380 · #184366
Cyan takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Celadon Mist (#BDE6CD): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#41A7D6): A luminous, balanced blue — the color of deep harbor water.
- Teal (#008380): A full-bodied, balanced teal — the color of sea glass.
- Navy (#184366): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Hushed Sky color palette (#ECF9EF, #D5D7E8, #17BDFC, #008885, #0A375A)
- Weathered Lagoon Veranda color palette (#F9F4EE, #BFE8DF, #74AFBF, #328C78, #2E5042)
- Azure Workshop color palette (#FFF4E2, #91D6F0, #0096D8, #007275, #003363)
- Washed Boulevard color palette (#F2EADE, #5FAFBF, #007192, #004A45, #001626)
- Faded Jade Harbor color palette (#FCF1F8, #B5F0FF, #6DBEFF, #00AA81, #323C69)
- Soft Denim color palette (#F2E8D9, #6598C3, #2855A1, #003947, #05002C)
- Dusty Mint Grove color palette (#D9FFF3, #00DCBE, #00A487, #006550, #003127)
- Ancient Villa color palette (#ECFBDE, #CEF0FF, #76D8FF, #62A765, #16554B)
Browse the whole catalog at Explore, or see today's palette.