Olive Garden color palette — #EDF8F6 · #98BA8F · #007E8A · #267200 · #12272F

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

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Sage (#98BA8F): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007E8A): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#267200): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#12272F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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

• Muted Cypress color palette (#F1F7F2, #C3AD6B, #118265, #755C00, #062A2C)
• Patina Delta color palette (#EEF7F9, #7CBDB5, #4D69BC, #006F68, #192437)
• Muted Bloom color palette (#EDF4F0, #B8B86B, #2F74CD, #6A6900, #060F1B)
• Pale Chapel color palette (#D5FEDE, #7CBBA5, #008A83, #005865, #20385C)
• Dusty Mulberry color palette (#E9FAED, #5EA98C, #067883, #743064, #1A444B)
• Ancient Pine Hollow color palette (#EFF7F7, #D4DBE1, #B4C1D0, #31865F, #3D4B4B)
• Feathered Emerald color palette (#E4F6F6, #00A871, #005B82, #005536, #001420)
• Shadow Cypress Summit color palette (#D4E6E9, #006A5F, #002A49, #00231F, #000205)

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