Olive Pier color palette — #EDDDEB · #388F01 · #002267 · #00051F · #030003

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

The five colors

• Shell Pink (#EDDDEB): A whisper-light, dusty pink — the color of a candy shop window.
• Olive Leaf (#388F01): A full-bodied, vivid green — the color of new leaves after rain.
• Midnight (#002267): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#00051F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Depth, Luxury. Tagged luxury, dark.

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

• Velvet Alley color palette (#F5E1EB, #008E65, #2B0E6B, #080024, #040002)
• Navy Boulevard color palette (#FCE7FA, #8A7900, #002266, #000521, #030003)
• Misty Nightshade Boulevard color palette (#E6EDFF, #849F36, #3C3391, #170C49, #01010E)
• Chalky Aubergine color palette (#FFE7F2, #00AE87, #4A009A, #1C0041, #090004)
• Forest Canyon color palette (#F0DFE4, #006B1F, #220031, #100403, #030005)
• Feathered Moss Thicket color palette (#F5E1E2, #66A114, #5F134E, #26001D, #060001)
• Clover Boulevard color palette (#FFECEF, #61C253, #771D77, #350C34, #150105)
• Tempered Market color palette (#FBEDF7, #7FC78F, #40508C, #351E30, #120910)

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