Olive Pier color palette — #FCD7D2 · #D7977E · #BA7639 · #4F6E0D · #194419

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

The five colors

• Shell Pink (#FCD7D2): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#D7977E): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#BA7639): A luminous, balanced gold — the color of old brass.
• Olive (#4F6E0D): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#194419): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Amber Pier color palette (#FFF2F0, #FAB095, #C2834D, #556824, #1B4113)
• Cypress Lantern color palette (#F1DAC2, #C5A86A, #8E8848, #007056, #00413F)
• Wandering Blush color palette (#EFDBE7, #E78AB2, #C26770, #7E5C25, #423800)
• Antique Villa color palette (#EFDCD6, #A7693A, #634825, #243C15, #001809)
• Worn Plum color palette (#F6D9C9, #D76900, #7A8A00, #BB2388, #3C1800)
• Ancient Olive color palette (#F0E9D7, #709D87, #5F743C, #13524E, #00343B)
• Wandering Olive Thicket color palette (#D6F3E4, #A7B54E, #648518, #923B33, #2C3200)
• Chalky Chapel color palette (#EAE0F1, #C684A2, #A4503A, #005863, #1C3A68)

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