Tempered Alley color palette — #EEF2FC · #9695C9 · #5B546A · #323748 · #1C2229

Built around Blue Fog, softened by Charcoal Brown — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#EEF2FC): bright and airy, almost weightless.
• Blue Fog (#9695C9): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#5B546A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Teal (#323748): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#1C2229): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

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

• Wandering Lilac color palette (#FFF0F8, #A8A0FF, #634E50, #32272D, #0A110F)
• Powder Field color palette (#EDF1FF, #B3AAFF, #7A798E, #51545E, #1F2227)
• Worn Peony color palette (#EAE0F2, #C07397, #5D4455, #33293B, #181721)
• Tempered Coast color palette (#FDECF5, #7A71BC, #4E343C, #32232C, #1B1315)
• Worn Lagoon Study color palette (#FAF2FF, #DB9CB4, #9BAD77, #4DA173, #4A3C52)
• Pewter Villa color palette (#F0F6FF, #C5C1F5, #B488C2, #9D5E8F, #5A4363)
• Worn Driftwood color palette (#E5FAFF, #C7D4E1, #A7A8C7, #679091, #3E545A)
• Weathered Lilac color palette (#F5F3FF, #D8B7DE, #8DC18E, #AC73B7, #375638)

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