Tempered Alley color palette — #F9EEF8 · #637CAE · #463741 · #30242E · #1B1215

Slate takes the lead with Charcoal close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#F9EEF8): bright and airy, almost weightless.
• Slate (#637CAE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#463741): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#30242E): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#1B1215): a grounded near-black with real depth.

Feels like: 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

• Patina Cerulean Canyon color palette (#EBF5EE, #3B899A, #2E4139, #1C2D23, #0E1816)
• Dusty Powder Alley color palette (#EAF3FF, #91B6FF, #727B90, #4F555E, #1E2226)
• Pewter Coast color palette (#F3DFE1, #955791, #45292A, #2E171B, #140A08)
• Powdered Veranda color palette (#FEE8F5, #6447DB, #30204A, #161037, #18070B)
• Hushed Meadow color palette (#FFF1F6, #A08CC2, #BC6F7F, #287FAB, #553944)
• Patina Petrol color palette (#F4F6F0, #C9E3E3, #769EBD, #31798D, #2E524A)
• Inked Mulberry Courtyard color palette (#FDE4E2, #A20066, #3F0018, #200010, #070100)
• Dusty Denim Meadow color palette (#FFEEF9, #A9A7D9, #8B7FBE, #6E5498, #6A4251)

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