Olive Garden color palette — #EFF7F5 · #CFDCE2 · #A3B7BE · #546F00 · #2E3F3A

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#CFDCE2): bright and airy, almost weightless.
• Ash (#A3B7BE): A luminous, dusty blue — the color of deep harbor water.
• Olive (#546F00): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#2E3F3A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Forest color palette (#EAF8F9, #BFD7E1, #92AABF, #006B51, #12393C)
• Softworn Atelier color palette (#F2F2EC, #CFD9D0, #B0BCA4, #546E37, #222114)
• Antique Hollow color palette (#ECF9F0, #8CA47C, #227258, #584A10, #103E36)
• Hushed Fern color palette (#DCE6E4, #ADBCBE, #79939E, #255100, #0B2420)
• Wandering Lagoon color palette (#EFF7F8, #D7DAE0, #B3A8AD, #459183, #4A5556)
• Washed Hollow color palette (#FDD5E5, #93B6A7, #3D847A, #734B37, #4E3E06)
• Washed Taupe Canyon color palette (#F7F5ED, #CEE0D3, #AAC8C0, #98A86A, #3C3B32)
• Tempered Canyon color palette (#DFE7E9, #919BA3, #657185, #003231, #000C0F)

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