Olive Garden color palette — #F4F3E3 · #6D8A2F · #007178 · #383977 · #1F0E03

Olive Leaf takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F4F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#6D8A2F): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#007178): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#383977): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#1F0E03): A deep, shadowed, dusty gold — the color of old brass.

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

• Patina Delta color palette (#F8F2E0, #8D862C, #006B97, #5D2747, #171000)
• Softworn Canyon color palette (#EEF4E7, #53A184, #277E8F, #623D63, #231A0C)
• Weathered Study color palette (#E6F7E8, #007E87, #3D4089, #621134, #0C0800)
• Dusty Bronze Balcony color palette (#FDEFE4, #B76E37, #006D78, #004B54, #210E12)
• Hushed Aubergine Boulevard color palette (#E6F3C9, #007E49, #005368, #46004D, #060500)
• Aubergine Alley color palette (#E8FAF6, #799C62, #008B8F, #68429D, #1C321E)
• Olive Delta color palette (#ECEDDC, #538533, #2B3522, #171708, #090601)
• Washed Olive Terrace color palette (#FFF0D4, #BABA73, #5C8145, #00543A, #002928)

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