Tempered Azure color palette — #F9F2FF · #E193BC · #00ABDA · #677FCB · #2C293E
A conversation between Cyan and Periwinkle, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F2FF): bright and airy, almost weightless.
- Mauve (#E193BC): A luminous, balanced rose — the color of strawberry cream.
- Cyan (#00ABDA): A luminous, balanced blue — the color of deep harbor water.
- Periwinkle (#677FCB): A luminous, balanced violet — the color of twilight just after sunset.
- Onyx (#2C293E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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 (#F5F3FF, #D5A1E3, #00B0B2, #1F84B9, #252B40)
- Periwinkle Boulevard color palette (#FBF2FA, #F99593, #6898EE, #9076B6, #2D2436)
- Weathered Corridor color palette (#E9F8FB, #78CBBD, #79A2E4, #9483B7, #37303E)
- Teal Workshop color palette (#F3F4FF, #C0B963, #00B6A1, #0B88A8, #252E3D)
- Apricot Canyon color palette (#FFF3E6, #FA9723, #1F81C1, #2F6188, #2A1415)
- Iris Ridge color palette (#E4FAFF, #00C5BD, #6193FF, #905AC6, #291A32)
- Aged Amber color palette (#FEF1F7, #C97F53, #008885, #6A4684, #38262F)
- Wisteria Cabin color palette (#ECFAEB, #D79333, #B076DA, #B64D7F, #2F1927)
Browse the whole catalog at Explore, or see today's palette.