Olive Garden color palette — #FCF1FA · #96B1EF · #D4895D · #747900 · #301D2D

A conversation between Olive Leaf and Camel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Sky (#96B1EF): A luminous, balanced violet — the color of twilight just after sunset.
• Camel (#D4895D): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#747900): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#301D2D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, 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

• Tempered Pine Studio color palette (#FFF1F7, #B9A6E6, #B59C4C, #3F8445, #341C27)
• Bronze Atelier color palette (#E4FCF2, #6EBDE8, #CE897E, #916C00, #0D2B21)
• Washed Studio color palette (#FEF1F5, #CDA9ED, #BF725E, #506600, #003139)
• Hazy Coast color palette (#FFF4E2, #D6BEFF, #BD78A5, #666800, #452830)
• Muted Apricot Atelier color palette (#E4FCF1, #67C6F6, #EE9456, #42A57C, #20392F)
• Pale Fuchsia Market color palette (#FFF1F4, #E88DF9, #888800, #007A5A, #280F2D)
• Pale Studio color palette (#FFF1F1, #D47CB3, #689A51, #006F69, #280A0C)
• Tempered Cornflower color palette (#EAF3FF, #4683E7, #897325, #5F511F, #0E1A2B)

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