Tempered Azure color palette — #EAECE2 · #9FCCB3 · #00A0D1 · #007B88 · #002235
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#EAECE2): bright and airy, almost weightless.
- Pistachio (#9FCCB3): A luminous, dusty teal — the color of sea glass.
- Cerulean (#00A0D1): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007B88): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002235): 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
- Periwinkle Coast color palette (#EDF0E4, #ACE0CD, #51ABF5, #008CAF, #022D5B)
- Wandering Loft color palette (#E1E5D9, #82B6E0, #1F85E1, #00688A, #001135)
- Dusty Hollow color palette (#D4E5E3, #3DABCB, #006181, #00383F, #000C17)
- Powdered Cobalt color palette (#FFF0F9, #96D7EC, #0081C4, #00524B, #01072C)
- Sunlit Corridor color palette (#E9E3CD, #A2A31B, #00A1AF, #757600, #001F23)
- Airy Turquoise color palette (#F6F6E9, #99EBE9, #00C1CC, #009987, #003A43)
- Turquoise Lantern color palette (#F4F6EE, #C6E3E3, #91C4E9, #00A9C9, #2B4A67)
- Airy Orchard color palette (#F0F2DD, #929300, #009981, #BE4C00, #131300)
Browse the whole catalog at Explore, or see today's palette.