Tempered Alley color palette — #FDF3E7 · #FFD6CD · #E1AB4B · #5E9B38 · #433F39

A conversation between Olive Leaf and Gold, giving this palette its sense of nature and growth.

The five colors

• Cream (#FDF3E7): bright and airy, almost weightless.
• Shell Pink (#FFD6CD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Gold (#E1AB4B): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#5E9B38): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal (#433F39): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light, 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

• Frosted Moss Balcony color palette (#FFF2E9, #FCD3D0, #FE9968, #929800, #533312)
• Mustard Pier color palette (#FBF5E4, #FFD6B5, #B0BC53, #009D7F, #3F3E37)
• Softworn Fern Loft color palette (#FADFB9, #B0A35D, #6D801F, #286500, #235233)
• Ancient Mustard color palette (#E9F6EB, #FFDAB8, #E8B100, #95902C, #052A16)
• Weathered Moss Lagoon color palette (#F0F4D6, #D9B300, #45A700, #006D7E, #002D21)
• Weathered Quarry color palette (#FFF2EA, #C5B096, #8D8C65, #635C83, #664342)
• Tempered Jade color palette (#F2F8E7, #C7C56B, #31BF74, #00809B, #003D33)
• Muted Apricot Corridor color palette (#FFF5D7, #FF9760, #A69400, #00884E, #1F2E00)

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