Tempered Alley color palette — #FBE0E3 · #B4773F · #6B6810 · #2C3871 · #201740

Caramel takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#FBE0E3): A whisper-light, dusty red — the color of a theater curtain.
• Caramel (#B4773F): A luminous, balanced gold — the color of old brass.
• Olive (#6B6810): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#2C3871): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#201740): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Amber Station color palette (#F3D7E6, #BF6E62, #835D03, #013E5B, #042045)
• Hazy Pine color palette (#FFE9DF, #A9831C, #23721F, #502465, #271331)
• Wandering Aubergine color palette (#F9DAF2, #BD8584, #84763C, #5D4177, #241135)
• Muted Chapel color palette (#FFE4D8, #BD8E4D, #606230, #003C4B, #000520)
• Bronze Harbor color palette (#F3DECD, #A17621, #584B00, #00331F, #001B21)
• Chalky Grape color palette (#F7ECDC, #977000, #681DFA, #594100, #100037)
• Misty Moss color palette (#FFE4E4, #E2995F, #82950E, #494EA2, #4C335C)
• Airy Aubergine color palette (#F6EDDD, #845F00, #0057B4, #6C1590, #0C0600)

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