Tempered Azure color palette — #DEE1D2 · #80CCE8 · #009FD5 · #007B8A · #002236

Cerulean takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Bone (#DEE1D2): A whisper-light, dusty green — the color of fresh herbs.
• Sky (#80CCE8): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#009FD5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007B8A): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Hazy Periwinkle color palette (#ECF1E1, #ADD9F9, #65AAEA, #008BB2, #142E50)
• Pale Cobalt Drift color palette (#ECF1E3, #7FB6E6, #3884DB, #00678C, #000B40)
• Muted Canyon color palette (#EBEFDC, #64ACC1, #0080A5, #005C64, #000B14)
• Cobalt Bloom color palette (#FCF2F8, #A0D5EA, #0080CB, #00524D, #020334)
• Turquoise Meadow color palette (#F6F7E7, #7DEFF1, #00C1D0, #00998A, #003A44)
• Patina Turquoise color palette (#F4F6EF, #C4E4E6, #94C3EA, #61A3B8, #553E58)
• Faded Peony Harbor color palette (#F2D7E0, #E93F92, #BE6C00, #755FCC, #270013)
• Faded Delta color palette (#FFECDD, #C79360, #AD6934, #8F3F0D, #211200)

Browse the whole catalog at Explore, or see today's palette.