Tempered Olive Alley color palette — #FFF0F9 · #F0C39E · #BA9752 · #7F7714 · #27574A

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Wheat (#F0C39E): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BA9752): A luminous, balanced gold — the color of old brass.
• Walnut (#7F7714): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#27574A): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged muted.

Use it as a design system

One click turns Tempered Olive 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

• Tempered Mustard Orchard color palette (#FFF1F5, #FED18B, #DCB66D, #9D8C5A, #385444)
• Washed Pier color palette (#FBF1FF, #ECB3B4, #D68C76, #A25F37, #3B5438)
• Weathered Summit color palette (#FFF3E6, #D0AC77, #A17800, #786320, #56534C)
• Amber Chapel color palette (#EEF8F1, #D1C494, #93B2E7, #A28B2B, #3A4D6E)
• Tempered Amber color palette (#EEE5D6, #B19600, #6C7700, #335600, #003318)
• Powdered Bloom color palette (#DDFFE9, #C9CB94, #89A863, #43844E, #265C60)
• Bronze Harbor color palette (#EEF8F0, #B6D2C5, #7FA78A, #926B48, #364D48)
• Antique Pine Harbor color palette (#EDE6D2, #B3AF58, #6F8E00, #007825, #004330)

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