Tempered Azure color palette — #E9EFF6 · #D2D1E2 · #BBB5CF · #6596CA · #252F3A

Slate Blue takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E9EFF6): bright and airy, almost weightless.
• Silver (#D2D1E2): A whisper-light, dusty violet — the color of wild irises.
• Ash (#BBB5CF): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#6596CA): A luminous, balanced blue — the color of open sky before noon.
• Onyx (#252F3A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Washed Cobalt color palette (#DBE0EC, #C2BCCE, #AFA1BD, #6D7BBD, #191F2C)
• Hushed Boulevard color palette (#F3F4FF, #E4D4E7, #D4B7D2, #AE7FDC, #303048)
• Denim Drift color palette (#E4EAEE, #C5CBD9, #A3A1B7, #005B88, #0A1722)
• Hushed Ash color palette (#F2F5FD, #DCD8E1, #BCADB4, #B68AA1, #45474F)
• Lilac Bloom color palette (#ECEEFF, #BBA4F5, #A587B0, #806580, #552B1E)
• Feathered Pier color palette (#D8E1F4, #8997FF, #B05EBB, #984052, #00242D)
• Weathered Indigo color palette (#DBE1F0, #7079FF, #534C78, #272F42, #02040A)
• Mustard Station color palette (#D3EBDF, #B7C361, #819C50, #4E7E86, #083125)

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