Olive Grove color palette — #F3D4E5 · #BD6237 · #287F15 · #7A2E00 · #083301

Built around Olive, softened by Terracotta — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F3D4E5): A whisper-light, dusty pink — the color of neon signs at night.
• Terracotta (#BD6237): A full-bodied, balanced orange — the color of toasted spice.
• Olive (#287F15): A full-bodied, balanced green — the color of a quiet forest floor.
• Rust (#7A2E00): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#083301): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Weathered Pine color palette (#FFE7F2, #BC7D52, #248F4F, #854100, #00411E)
• Gentle Garnet Alley color palette (#E8D8E9, #B95F69, #6E6F00, #8B002D, #2B2B00)
• Dusty Bronze Drift color palette (#D1E4D0, #AA7100, #007D64, #644100, #003126)
• Washed Bronze Balcony color palette (#FCDEE8, #9D5A00, #006A47, #552E00, #002114)
• Rust Garden color palette (#FFE8F3, #C55D00, #007A7E, #703200, #001617)
• Fern Atelier color palette (#D1F4E4, #838E5C, #5A5900, #403700, #1C2903)
• Feathered Delta color palette (#FAE2F4, #AE4435, #6F5D00, #7C0086, #3C0C06)
• Amber Terrace color palette (#F3D8C6, #E07841, #0097A8, #A04300, #002F35)

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