Tempered Alley color palette — #F8E6F3 · #4F5FC4 · #615500 · #1A0084 · #020100

Indigo and Royal Blue set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F8E6F3): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#4F5FC4): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#615500): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#1A0084): A deep, shadowed, vivid violet — the color of wild irises.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Timeworn Villa color palette (#EDD9ED, #226ABE, #734B00, #002A59, #020100)
• Pale Amethyst color palette (#FFE4ED, #804DB2, #4A5D00, #3D0064, #010100)
• Inked Ultramarine Villa color palette (#D8E5FF, #342CCC, #4F3B00, #130068, #090500)
• Pale Dune color palette (#F4E0F3, #3079EA, #787500, #004CB3, #060600)
• Washed Nightshade color palette (#E2E5F6, #4741AD, #7A2600, #003C25, #01000A)
• Misty Garnet color palette (#FED7D8, #B7549C, #007A54, #6A0056, #000201)
• Aubergine Canyon color palette (#DEDDF7, #7570CD, #43009D, #090027, #010009)
• Feathered Ridge color palette (#FFE7EC, #C381DA, #2D8C00, #6C0087, #010B00)

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