Tempered Azure color palette — #FFF2EB · #BDEFFF · #2797EF · #006C56 · #171A3D

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Frost (#BDEFFF): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#2797EF): A luminous, vivid blue — the color of open sky before noon.
• Pine (#006C56): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#171A3D): A deep, shadowed, dusty violet — the color of wild irises.

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

• Muted Delta color palette (#FFF2EE, #AEF5F1, #00A2C5, #0B6F1C, #001F3B)
• Hushed Periwinkle Station color palette (#FAF4EF, #C0E4F5, #78A7EF, #008074, #432135)
• Indigo Corridor color palette (#FFF3E7, #9FD3F9, #4A6AF2, #005150, #12012A)
• Tempered Petrol color palette (#F6EBF1, #7BBDD1, #176FA1, #005148, #162C57)
• Aqua Workshop color palette (#FBF3F1, #BEE4E9, #69CAE9, #5B915E, #21473F)
• Wandering Seafoam Quarry color palette (#D7FFF5, #44DFBF, #00897B, #003E30, #000503)
• Wandering Atelier color palette (#FBEAE3, #7EC4CA, #007197, #004121, #00020C)
• Sunlit Ultramarine Market color palette (#EFE6DF, #68ABD1, #0740CB, #002C28, #020008)

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