Tempered Azure color palette — #FEF2EE · #BCDFC1 · #00A3D7 · #2F7D4E · #493148

Cyan and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Celadon Mist (#BCDFC1): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#00A3D7): A luminous, balanced blue — the color of deep harbor water.
• Olive (#2F7D4E): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#493148): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Weathered Turquoise color palette (#FDF2F0, #C0DEBC, #18A6C5, #407C3D, #0E4439)
• Softworn Azure color palette (#FFF2EB, #ACE6F6, #22A2FC, #008568, #343B69)
• Softworn Market color palette (#F8ECE3, #A2D0BB, #3584EE, #006D60, #2B2750)
• Ancient Loft color palette (#FBF3F1, #CEE8E0, #73BDDA, #67936E, #5D4C5E)
• Wandering Cerulean color palette (#EEF8F0, #8BD3D9, #00869F, #006152, #0E4056)
• Weathered Denim Summit color palette (#F3E2DB, #3DA2AE, #006086, #003E24, #00032A)
• Washed Boulevard color palette (#F0E1D4, #55ADD9, #195BD5, #004B44, #17003F)
• Cobalt Drift color palette (#F5E9E4, #75BECC, #007CB7, #005C3F, #0D194C)

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