Olive Garden color palette — #F8F7DF · #A5C381 · #CA8DBF · #6D8C42 · #593353

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

The five colors

• Cream (#F8F7DF): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A5C381): A luminous, balanced green — the color of new leaves after rain.
• Mauve (#CA8DBF): A luminous, balanced pink — the color of neon signs at night.
• Olive Leaf (#6D8C42): A full-bodied, balanced green — the color of new leaves after rain.
• Mulberry (#593353): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Sunlit Mint Corridor color palette (#EEF9E8, #5FCEB5, #D08DB0, #1A957E, #5B3449)
• Frosted Mallow Boulevard color palette (#E8FAF4, #C3E195, #ED9BDA, #789644, #4D2B45)
• Airy Olive color palette (#E2FBF7, #87AB7F, #A475B2, #2E781A, #513759)
• Wandering Dune color palette (#F5F8DD, #82B47A, #C07FB3, #AE6677, #383932)
• Periwinkle Atelier color palette (#F9F6E3, #B2C07B, #64ACE4, #7B883A, #194667)
• Dusty Coral Dune color palette (#E5FDE2, #00C7C1, #F4666D, #008985, #651E23)
• Basalt Lagoon color palette (#FFF3E7, #CEBB97, #AB8765, #8B5A52, #463E00)
• Washed Cypress color palette (#EFF8F0, #EFB2B4, #208086, #094C50, #172619)

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