Tempered Alley color palette — #F6EAF5 · #BF0031 · #00532E · #03007E · #01002A

Ruby and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F6EAF5): bright and airy, almost weightless.
• Ruby (#BF0031): A full-bodied, vivid red — the color of embers at dusk.
• Deep Olive (#00532E): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Indigo (#03007E): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#01002A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Dusty Pier color palette (#F4DFE9, #9F4B00, #00514A, #320062, #0C001F)
• Washed Plum Veranda color palette (#E3DBE8, #B60071, #444A00, #002A40, #01002A)
• Nocturne Rust Dune color palette (#F8E7DD, #AF3B00, #304300, #00191E, #020007)
• Dusty Nightshade color palette (#F8DBDA, #E041A7, #006D30, #3B10B3, #060025)
• Antique Bronze Harbor color palette (#FFDDDF, #B3733C, #666500, #393B68, #14103B)
• Prism Parlor color palette (#F9DDFA, #F7315B, #197F12, #1E21C4, #370052)
• Cocoa Alley color palette (#F9D7E7, #813D00, #33312A, #201700, #060100)
• Softworn Bronze color palette (#F8E2DB, #AB5E00, #6A4F00, #3E3500, #111600)

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