Olive Garden color palette — #E3F8EE · #99A870 · #516F30 · #12514C · #00231A

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

The five colors

• Cream (#E3F8EE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#99A870): A luminous, dusty green — the color of new leaves after rain.
• Olive (#516F30): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#12514C): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#00231A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Weathered Cypress Study color palette (#E6F6F5, #6EB098, #187466, #274A63, #002124)
• Washed Fern Parlor color palette (#DBF0E6, #87955E, #426018, #562A22, #001710)
• Olive Coast color palette (#E5F7EC, #ABAD60, #627500, #6C3D3B, #00281B)
• Wandering Fern Lagoon color palette (#FEF3E8, #A59C6A, #566B32, #3D4679, #38352E)
• Worn Studio color palette (#F8F5E9, #ACBC8C, #6C8B55, #22716C, #36362F)
• Patina Forest color palette (#D8F7EC, #618542, #0E5207, #003132, #030A00)
• Dusty Driftwood color palette (#EEF8EE, #DAD295, #7B945C, #596088, #112E21)
• Worn Market color palette (#E6F5F6, #A3CCD1, #5F8B94, #506475, #1E3538)

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