Tempered Olive Grove color palette — #FFF3E5 · #E79B89 · #B57545 · #4F7000 · #423C37

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Melon (#E79B89): A luminous, balanced orange — the color of toasted spice.
• Caramel (#B57545): A luminous, balanced gold — the color of old brass.
• Olive (#4F7000): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#423C37): a grounded near-black with real depth.

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

Use it as a design system

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

• Softworn Amber Loft color palette (#FFF1F5, #FFB6AD, #BF815F, #5D6A35, #402939)
• Driftwood Cabin color palette (#FFF4DF, #D1AA6D, #958730, #00755D, #403D36)
• Weathered Chestnut color palette (#FFF3E9, #D99CBD, #B56E7C, #815B0B, #57312F)
• Timeworn Harbor color palette (#FFF3E8, #DBC9B4, #B1A182, #748541, #45533C)
• Bronze Studio color palette (#F5F6ED, #C2C8A6, #659E7B, #986431, #414700)
• Hushed Atelier color palette (#FCF5E3, #CB7B9C, #995628, #015671, #4F362E)
• Dusty Amber Terrace color palette (#FBE1AF, #E47600, #936400, #005E24, #3E2100)
• Hazy Amber color palette (#E8DDC2, #A9911C, #637200, #005350, #282500)

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