Tempered Azure color palette — #F4F7EC · #CBEBFF · #2299E7 · #00667F · #001E3F

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

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Frost (#CBEBFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#2299E7): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00667F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001E3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. 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

• Softworn Loft color palette (#F5F6EC, #9CF7FF, #00A4B9, #006A65, #00232C)
• Wandering Orchid color palette (#EEF6FF, #1C94FB, #AD56CA, #007C72, #000D1F)
• Sky Workshop color palette (#ADEFFF, #10C5F2, #0080A9, #00567D, #001C32)
• Antique Pier color palette (#F3F7EC, #DAD5DF, #71A9EE, #27789C, #3D243B)
• Pale Peony Archive color palette (#D9FFF1, #35B5FC, #D75ABB, #006A9C, #2D0525)
• Softworn Petrol color palette (#E2ECE4, #97B8D0, #2D6FAA, #004A53, #010D43)
• Teal Meadow color palette (#E9E9D7, #47B6B1, #006165, #002C24, #000102)
• Dusty Field color palette (#EDF0E1, #3AC9EC, #007293, #003D42, #000306)

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