Olive Garden color palette — #FEF0DA · #AFAB67 · #5C7702 · #00546D · #242200

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

The five colors

• Cream (#FEF0DA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#AFAB67): A luminous, balanced green — the color of fresh herbs.
• Olive (#5C7702): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#00546D): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Gentle Pine color palette (#F4F3E2, #7CB97B, #007F56, #005857, #0A280B)
• Washed Moss color palette (#F1E2CD, #A2973C, #536300, #40316E, #1A1600)
• Tempered Lagoon Quarry color palette (#F3F3E3, #AFB98F, #47836D, #634D5E, #262A15)
• Wandering Aubergine Basin color palette (#FFF0F9, #C09D65, #6B6F00, #623B85, #4C360F)
• Sunlit Villa color palette (#E6FCEA, #C0BE85, #779235, #007494, #403C00)
• Dusty Moss Atelier color palette (#FFF2EA, #F4D58F, #899B52, #795D91, #3C2C00)
• Softworn Navy color palette (#EAE7D8, #5C8551, #00522F, #062758, #010B00)
• Airy Aubergine color palette (#FFECF2, #C388F9, #748C00, #6E11A6, #1C2400)

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