Olive Grove color palette — #FFD7EC · #9288DB · #A38623 · #777F00 · #3E2031

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

The five colors

• Shell Pink (#FFD7EC): A whisper-light, dusty rose — the color of pressed rose petals.
• Lavender Blue (#9288DB): A luminous, balanced violet — the color of twilight just after sunset.
• Moss (#A38623): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#777F00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#3E2031): A deep, shadowed, dusty rose — the color of strawberry cream.

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

Use it as a design system

One click turns Olive Grove 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

• Frosted Emerald Market color palette (#FFD8E7, #B995F2, #1AA066, #747E00, #401F2E)
• Wisteria Corridor color palette (#FFDADE, #C96DC5, #5B9B57, #00847B, #431E25)
• Hushed Bronze color palette (#F0F6FF, #98B7FF, #AB7A00, #548F48, #0D1B32)
• Wandering Amber Station color palette (#C9EEE3, #489CE0, #C67010, #996F00, #00342A)
• Hazy Courtyard color palette (#EDD8F1, #DC65F4, #008358, #427F00, #3B0644)
• Hushed Blush Ridge color palette (#FFE2ED, #FF7DB7, #2E92B2, #00926E, #4B1F33)
• Timeworn Amethyst Boulevard color palette (#E2DAFB, #864AE0, #706D00, #006435, #16062D)
• Bronze Study color palette (#F9E4D1, #C1AB80, #A4754B, #7C4D40, #32302A)

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