Olive Garden color palette — #F8F0EC · #C8E5E1 · #79A799 · #5B7536 · #442D3F

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

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Silver (#C8E5E1): A whisper-light, dusty teal — the color of sea glass.
• Eucalyptus (#79A799): A luminous, dusty teal — the color of glacier melt.
• Olive (#5B7536): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#442D3F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, 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 (#F7F0EB, #C6E6E6, #809EC7, #32796C, #462D3C)
• Tempered Villa color palette (#F8F5EF, #CCE3E0, #77A591, #007F7B, #325249)
• Patina Amber color palette (#E2F9E9, #5FA9B8, #B48152, #95704D, #1A2C21)
• Ancient Stone Market color palette (#E8F6EC, #F0D3D0, #E6B8AB, #7E8F6F, #273E37)
• Lagoon Drift color palette (#F9F3F7, #D7D5E7, #8EB6D9, #55957E, #46536B)
• Tempered Alley color palette (#EAF8D5, #72C0BB, #449AAC, #2A6285, #4A3148)
• Tempered Petrol color palette (#E7F6EF, #7BBDDD, #C9897F, #2D7B9C, #362F2C)
• Washed Coast color palette (#F9F0E5, #C4BBA0, #A5793D, #80471F, #2D2D1C)

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