Tempered Azure color palette — #FDF1FC · #9DF8FA · #00A0CD · #216D3A · #081E3A
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF1FC): a clean, paper-quiet neutral.
- Sea Foam (#9DF8FA): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#00A0CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#216D3A): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#081E3A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, 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
- Periwinkle Summit color palette (#FDF1F7, #C6ECFF, #5992E4, #006B5F, #1C173D)
- Tempered Sky color palette (#FBF2F9, #D0D6E9, #5AB0E5, #2D805D, #1E2E48)
- Sunlit Cobalt Alley color palette (#FFF0F9, #8AD9F2, #147ECE, #005342, #08052B)
- Cornflower Balcony color palette (#F0F5FF, #558BFF, #978100, #7C6A00, #010927)
- Petrol Workshop color palette (#E0ECE9, #85C0C1, #007984, #004C44, #001A1F)
- Muted Denim color palette (#E9DAE4, #54B1C6, #00598B, #002D1F, #00000B)
- Hazy Bloom color palette (#F9E9EE, #69C0FA, #435EBD, #003E3D, #04000F)
- Aged Orchard color palette (#FAF3F9, #D4D4E3, #B0C5F2, #709E83, #424E5F)
Browse the whole catalog at Explore, or see today's palette.