Tempered Azure color palette — #F4F7E5 · #D0E7FD · #00AAD5 · #007178 · #00293A
Cyan takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
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 (#00AAD5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007178): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#00293A): 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
- Faded Periwinkle Harbor color palette (#F0F9E0, #E1E4F6, #4C9AFF, #006C96, #0D2050)
- Antique Ridge color palette (#DEE3D1, #67AAD5, #005890, #002936, #000105)
- Antique Bloom color palette (#E9F8FF, #00A8DB, #9762FF, #00885D, #00151F)
- Aqua Courtyard color palette (#BCFFFE, #00D7E5, #0093A8, #005B6D, #002734)
- Moss Thicket color palette (#DDFFE8, #00C7E6, #91A600, #00788B, #1C2200)
- Cerulean Courtyard color palette (#EAF7FF, #D8DAE5, #CEC2EE, #0094B9, #002F4A)
- Hazy Sky color palette (#FCF4E7, #90E9FF, #00BAF5, #009892, #003659)
- Powder Meadow color palette (#F4F6EE, #BEE1F2, #8FC1E7, #4C8C9F, #1F483F)
Browse the whole catalog at Explore, or see today's palette.