Worn Olive Pier color palette — #F5F8E1 · #9DCF91 · #DC84CE · #2A8C00 · #420D3D

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

The five colors

• Cream (#F5F8E1): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#9DCF91): A luminous, balanced green — the color of new leaves after rain.
• Bubblegum (#DC84CE): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#2A8C00): A full-bodied, vivid green — the color of a quiet forest floor.
• Deep Indigo (#420D3D): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Worn 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

• Softworn Fuchsia Atelier color palette (#DCF5F1, #87D48D, #F989FD, #2EA042, #4A244C)
• Feathered Lilac Coast color palette (#FCF5E3, #CBC26E, #BB8FE7, #847800, #33184A)
• Dusty Atelier color palette (#EAFBE7, #68D4CB, #E480B8, #008881, #470C31)
• Quiet Lagoon color palette (#F0F8EB, #93E8CF, #EB9FCF, #00A184, #542545)
• Emerald Thicket color palette (#E7EDCE, #3DAB4D, #A65D9D, #00681D, #30092C)
• Misty Orchid Orchard color palette (#ECFBE3, #2DBFA2, #AE7CD8, #9B5ACE, #00211A)
• Wandering Summit color palette (#D9F5F4, #29B970, #8B4AA4, #00683A, #422B4B)
• Tempered Corridor color palette (#F6F7E3, #C8E3FB, #C7B7B8, #AD8F38, #233800)

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