Tempered Alley color palette — #ECF2FE · #CED2E9 · #BD9DCE · #4047C2 · #141A27

Cobalt and Mauve set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#ECF2FE): bright and airy, almost weightless.
• Lilac Frost (#CED2E9): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#BD9DCE): A luminous, dusty violet — the color of wild irises.
• Cobalt (#4047C2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Midnight (#141A27): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Alley 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

• Grape Lantern color palette (#F0F1FB, #D5D0E7, #C99CB4, #7630AC, #18172B)
• Weathered Villa color palette (#E8F3FE, #C6D5EA, #9EABCC, #006194, #061C2D)
• Ultramarine Chapel color palette (#FBF2F9, #EAC8D4, #C29B9C, #3253AB, #3C2D3A)
• Patina Indigo Studio color palette (#F0F5FF, #DFD8E2, #CDADA2, #4A71F2, #18253A)
• Ancient Amethyst color palette (#D8E0F9, #7442F5, #91002D, #322D00, #001211)
• Timeworn Driftwood Canyon color palette (#EFF2F8, #DAD5DD, #BCABB0, #7E7DAA, #33363E)
• Weathered Mulberry color palette (#EAE5F1, #B9AFBD, #A1819F, #71175B, #0D0813)
• Muted Study color palette (#E7E9F4, #8D8B9B, #825D79, #330D63, #010106)

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