Olive Pier color palette — #FFF0FE · #F5656C · #308E0B · #004DB5 · #5A003C

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

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Watermelon (#F5656C): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#308E0B): A full-bodied, vivid green — the color of fresh herbs.
• Cobalt (#004DB5): A full-bodied, vivid blue — the color of deep harbor water.
• Mulberry (#5A003C): A deep, shadowed, balanced rose — the color of pressed rose petals.

Feels like: Nature, Growth, Trust, Stability. Tagged 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

• Hazy Blush color palette (#FAF1FF, #DF739B, #738000, #005A8D, #5D0030)
• Navy Market color palette (#EBDCE8, #C96458, #2D7614, #00379C, #420007)
• Muted Grape color palette (#FFF0F8, #EE7304, #008C72, #642BB5, #610010)
• Timeworn Summit color palette (#FFF3E9, #FF8B34, #00937B, #3D43A2, #161653)
• Quiet Aubergine Archive color palette (#FFF0FD, #E47671, #A96500, #006264, #530051)
• Petrol Veranda color palette (#FCE9FF, #E1AE8C, #97965D, #5B62AE, #693E67)
• Aged Lagoon color palette (#EBF9F1, #B2A663, #369374, #6D44A2, #4D3200)
• Mulberry Drift color palette (#D6F0D8, #B68100, #007686, #7F0060, #361E00)

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