Olive Pier color palette — #ECF9EE · #BCC17C · #4F873B · #544971 · #001E14

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

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Pistachio (#BCC17C): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#4F873B): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#544971): A full-bodied, dusty violet — the color of a velvet chair.
• Ink (#001E14): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Tempered Parlor color palette (#E3FCF3, #8ECC9E, #008A76, #674168, #001D1C)
• Emerald Lagoon color palette (#EAFAEF, #C8D7A8, #549D63, #5F5F82, #0E2E26)
• Faded Jade Delta color palette (#E2FDEF, #82B262, #007249, #4E2B59, #030A00)
• Tempered Thicket color palette (#EBE4D4, #BAC25F, #859B54, #976662, #302909)
• Feathered Fern Drift color palette (#EDE3D1, #8C9247, #3D610B, #4C305A, #292C02)
• Hushed Emerald color palette (#CEE8E0, #52A171, #005A50, #481238, #000200)
• Patina Workshop color palette (#EAF9F3, #B1F0DF, #5AB197, #796F95, #1D3F3C)
• Pale Azure color palette (#FAF3F8, #AEF3FF, #009FD4, #006C57, #001E40)

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