Tempered Azure color palette — #FFF0F8 · #B7E2FA · #3EA3EB · #00837A · #273D71
Cornflower takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Powder Blue (#B7E2FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#3EA3EB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00837A): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#273D71): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Cornflower Corridor color palette (#FFF0F7, #96D5F1, #008FF2, #00726F, #1D2774)
- Wandering Pine color palette (#FFF0FA, #9DECE7, #00AEC8, #00884E, #004563)
- Washed Powder color palette (#FBF2F6, #DADEED, #98B2DE, #519298, #49526A)
- Worn Petrol Bloom color palette (#F6E5F0, #5DAFC5, #006DA0, #004B42, #000F3A)
- Quiet Pier color palette (#FFE2EC, #FF7EB2, #1E9BB2, #00926F, #4E1C31)
- Patina Lantern color palette (#EDE0E9, #639F9B, #006372, #003E1F, #000B13)
- Hushed Villa color palette (#F9F2FF, #FF9ACE, #00B680, #B2207A, #00462F)
- Wandering Lilac color palette (#FFF0F8, #ECD7C8, #FFBE70, #B078C9, #523855)
Browse the whole catalog at Explore, or see today's palette.