Olive Pier color palette — #F3D5DF · #AD872E · #657500 · #4C1500 · #040200

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

The five colors

• Shell Pink (#F3D5DF): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#AD872E): A luminous, balanced gold — the color of old brass.
• Olive (#657500): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#4C1500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.

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

• Ancient Garnet Veranda color palette (#EDDDE8, #B2774E, #7E5E00, #600024, #070003)
• Patina Basin color palette (#D0E8D8, #8B9651, #007728, #3D2600, #030300)
• Pine Workshop color palette (#F7E4D9, #B09700, #008241, #630730, #1A0C00)
• Linen Atelier color palette (#EFDECE, #C29A00, #798F17, #762E13, #150B00)
• Antique Emerald color palette (#F8D4E9, #CAAF76, #00A664, #761A41, #020100)
• Chestnut Parlor color palette (#DEEEE4, #705300, #272730, #191400, #020100)
• Jade Lantern color palette (#C8EFE4, #67B786, #008D84, #494200, #010800)
• Jade Veranda color palette (#DBF8E2, #D0D48C, #71B45A, #914C00, #001D10)

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