Tempered Azure color palette — #F4F7E5 · #D0E7FD · #00A9D5 · #007179 · #00283B
A conversation between Cyan and Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4F7E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Frost (#D0E7FD): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#00A9D5): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007179): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00283B): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Gentle Canyon color palette (#F2F8E6, #DDE1F4, #439BFF, #006C93, #001D5D)
- Antique Cabin color palette (#F6F6E9, #CAE1FB, #00C6CB, #008A74, #003D43)
- Aged Aqua Grove color palette (#BDFBFF, #00D4E8, #0099B3, #005469, #002331)
- Patina Harbor color palette (#E8F8FF, #00A9D7, #9067FD, #008857, #00151E)
- Denim Atelier color palette (#DEE2D5, #7EA8C5, #005794, #002937, #000105)
- Tempered Orchard color palette (#EAF7FF, #D8DAE5, #CCC1F1, #009ABF, #00324E)
- Magenta Field color palette (#E7F9FF, #0EC5F1, #D55EEE, #007793, #34003E)
- Airy Garden color palette (#FDECF7, #50CDEC, #007AB1, #005348, #001642)
Browse the whole catalog at Explore, or see today's palette.