Olive Garden color palette — #E7F1EF · #C9DCDA · #A2BEBD · #587E45 · #22312E

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

The five colors

• Cream (#E7F1EF): a clean, paper-quiet neutral.
• Silver (#C9DCDA): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#A2BEBD): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#587E45): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#22312E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Worn Pine Field color palette (#D6EAE3, #92AF7F, #4D804C, #4E5C2E, #00312A)
• Lagoon Meadow color palette (#E5F9FF, #C6E4EE, #9BC5D8, #008985, #18383F)
• Patina Forest color palette (#D6E5E4, #B2C9CB, #89ACB1, #007346, #0C2423)
• Aged Pine Pier color palette (#C4EFF0, #00875A, #003D31, #001B1B, #000605)
• Hushed Emerald Courtyard color palette (#B8EBD9, #51A863, #007B60, #004C76, #002D17)
• Patina Harbor color palette (#D5F7E9, #78B5AE, #39919B, #495B7C, #362F59)
• Quiet Emerald color palette (#C7EAE4, #439D3A, #007272, #6A2F00, #232000)
• Muted Abyss Delta color palette (#E3F0F6, #95A8B3, #6E8A9F, #004E5B, #000B12)

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