Olive Garden color palette — #E6F7EB · #A6AE6E · #4E7A1E · #5B4B00 · #202300

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E6F7EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#A6AE6E): A luminous, balanced green — the color of fresh herbs.
• Olive (#4E7A1E): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#5B4B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#202300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, 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

• Washed Loft color palette (#E1F8F2, #87B592, #007E62, #703E00, #002910)
• Faded Lantern color palette (#FFF3E5, #A2AB54, #207D38, #6D4800, #3A3E12)
• Softworn Study color palette (#D0EED8, #999A40, #466700, #004B2F, #171700)
• Washed Cabin color palette (#FFF4DF, #B9C273, #5F9913, #796827, #3C3B34)
• Hazy Jade color palette (#D5ECD3, #3CBB7A, #008663, #00574F, #002A2A)
• Emerald Pier color palette (#EBFAEB, #D7DFA8, #4CA860, #8E6103, #2E3200)
• Ancient Lagoon color palette (#E0F4EE, #56865B, #005139, #203000, #000B01)
• Lagoon Loft color palette (#EBF5EF, #A8CDC0, #5E8D86, #43696C, #1B372F)

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