Tempered Azure color palette — #FAF4EC · #C3EDFF · #459AD3 · #00696E · #041E3F

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Frost (#C3EDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#459AD3): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00696E): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#041E3F): 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

• Petrol Chapel color palette (#F9F4ED, #C1E3F5, #7DAADC, #007C8E, #1E2C52)
• Worn Study color palette (#EFE9DF, #7EA7C8, #1E529C, #002A34, #00000B)
• Aged Petrol Grove color palette (#E7F2E9, #7EBBD5, #006FA6, #004F53, #142E50)
• Cobalt Lantern color palette (#FCF4E8, #A1D1FF, #4976D1, #004E63, #090034)
• Petrol Corridor color palette (#F7EDDC, #74C5D3, #007291, #003E39, #000307)
• Hushed Seafoam Station color palette (#D5FFFA, #3FDDD0, #00907F, #00403A, #000504)
• Washed Lagoon color palette (#EBFBE0, #D4EBFA, #85D3FF, #3C8F5E, #0F2710)
• Timeworn Ash color palette (#F9F4EE, #C5DDEA, #9ACFD6, #639DA5, #5B4559)

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