Olive Pier color palette — #EEEBDD · #777B00 · #005428 · #393B00 · #010200

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

The five colors

• Cream (#EEEBDD): bright and airy, almost weightless.
• Olive Leaf (#777B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#005428): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Olive (#393B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010200): quiet, heavy and certain.

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

• Olive Market color palette (#E6E9D9, #2F8A29, #005148, #094506, #000200)
• Washed Olive Canyon color palette (#E4E7D8, #2E7600, #004A2E, #002332, #000500)
• Tempered Dune color palette (#E6E6DD, #A5A697, #85896E, #3B4D00, #0B0900)
• Weathered Bronze Field color palette (#EDDFD3, #A86000, #4F4500, #542D00, #030200)
• Washed Pine color palette (#E2E4D6, #87A700, #0A9022, #006446, #000801)
• Velvet Chestnut color palette (#F2EADD, #735600, #002F30, #271B00, #000202)
• Deep Forest color palette (#E4EEDA, #00684E, #00404B, #001741, #030009)
• Patina Amber Grove color palette (#E1EDE2, #B18100, #00727B, #715200, #000203)

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