Olive Garden color palette — #FFE9DD · #F4B20C · #B6A500 · #498F00 · #11522E

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

The five colors

• Cream (#FFE9DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#F4B20C): A luminous, vivid gold — the color of afternoon light on wheat.
• Gold (#B6A500): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#498F00): A full-bodied, vivid green — the color of fresh herbs.
• Deep Olive (#11522E): A deep, shadowed, balanced teal — the color of sea glass.

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

Use it as a design system

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

• Emerald Meadow color palette (#EDDBC7, #E0C200, #87B100, #009D34, #004E3D)
• Antique Amber Courtyard color palette (#F3DBD5, #FFB06B, #C79600, #858C00, #28460F)
• Dusty Lantern color palette (#FFF3E3, #F7C90A, #A69800, #586700, #2B4203)
• Gentle Courtyard color palette (#FCEAD9, #D6A500, #8E9700, #217801, #003527)
• Tempered Loft color palette (#FFEDD8, #C29200, #7E7400, #3D5200, #092900)
• Emerald Corridor color palette (#EEE4CE, #9AA100, #2E9500, #006B4C, #002824)
• Muted Bloom color palette (#EAFFC3, #BCE675, #99B500, #628B00, #1C2C00)
• Ancient Lagoon color palette (#FAF4C5, #BDD080, #5BC06A, #269E8B, #38553B)

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