Olive Garden color palette — #FCF7D3 · #728900 · #006A4D · #004853 · #4B2500

Olive Leaf and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FCF7D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#728900): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#006A4D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004853): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#4B2500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Dusty Studio color palette (#F1FAD9, #009651, #00676B, #004270, #3A3000)
• Fern Study color palette (#FFF4E1, #9D7700, #3B6800, #004B40, #5F0608)
• Patina Atelier color palette (#E4E3CD, #507600, #005345, #003342, #2E1B00)
• Jade Veranda color palette (#F4F9DB, #64B881, #0A7C57, #565229, #3A3C35)
• Lime Grove color palette (#DBE2D0, #6CBE00, #2B8500, #005F20, #00443E)
• Aged Navy Delta color palette (#FCF1D6, #968300, #006A61, #1D278B, #320019)
• Aubergine Terrace color palette (#DCF0CC, #008167, #00546B, #290092, #152B00)
• Chalky Mustard Market color palette (#FEF5D9, #FDC93B, #BDB900, #598900, #363800)

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