Tempered Azure color palette — #F3F7EB · #B5EBF1 · #5395DC · #006586 · #001A4A

Built around Cornflower, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Sea Foam (#B5EBF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#5395DC): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006586): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#001A4A): A deep, shadowed, balanced 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

• Timeworn Cerulean color palette (#F5F6E9, #B9EADF, #00A4B7, #006A64, #00232B)
• Worn Petrol Villa color palette (#E0F3F3, #8AB6DC, #2F6AAB, #004B67, #162C55)
• Periwinkle Hollow color palette (#F7EDE2, #B1D8F9, #7AA1FB, #008F9D, #2C274E)
• Patina Denim Bloom color palette (#E1E2D4, #67B0B4, #00606B, #002C28, #000102)
• Dusty Corridor color palette (#F5F7E9, #B9E4F0, #00C1EA, #00878B, #003B4F)
• Cerulean Loft color palette (#F5F7E9, #94D9E2, #00899F, #005150, #000F16)
• Patina Petrol color palette (#EDEFE5, #85C0DA, #006F9D, #003C47, #000307)
• Linen Hollow color palette (#FFF2EF, #F083A2, #608BF8, #B60059, #030B4D)

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