Tempered Azure color palette — #FFF2EC · #B0F2FF · #3F9BD2 · #006D4B · #0F1B42

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sea Foam (#B0F2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3F9BD2): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006D4B): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#0F1B42): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Tempered Periwinkle color palette (#FDF3ED, #D6D6E5, #74AAE6, #00816C, #3F2436)
• Pale Cobalt Harbor color palette (#FFF3E9, #8CD6FF, #4D78C8, #00524C, #0F022C)
• Weathered Turquoise color palette (#E6F1EF, #A0DFED, #00B6DD, #009094, #003345)
• Patina Petrol Loft color palette (#F5EBF2, #7FBDCA, #00719D, #005143, #072D5B)
• Teal Drift color palette (#9EF9D0, #00CBC3, #008494, #004F71, #061943)
• Weathered Ember Corridor color palette (#E1FDEC, #2CCCEE, #D35738, #006F84, #320600)
• Weathered Hollow color palette (#EBF7FF, #6DD0FF, #0087AE, #004159, #000408)
• Muted Veranda color palette (#EEE0D6, #46B0D6, #0053A1, #002C25, #010009)

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