Olive Pier color palette — #EBE4D4 · #9FAD66 · #52803B · #27624E · #2F2907

Olive Leaf and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#EBE4D4): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9FAD66): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#52803B): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#27624E): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#2F2907): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, 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

• Mustard Pier color palette (#FCE8CB, #BBAE30, #6C8300, #00657E, #342F00)
• Cypress Terrace color palette (#E3E7D1, #73B599, #008478, #135F6F, #222D10)
• Antique Lagoon Orchard color palette (#FBF5E3, #B9B78E, #5E8E63, #566A4D, #36362F)
• Olive Balcony color palette (#E7FBEF, #B6C287, #458A10, #255D4A, #001E16)
• Aged Forest color palette (#EDE8CB, #71A167, #007346, #00504D, #042200)
• Patina Emerald Corridor color palette (#FAF6E2, #9DCA88, #3B9C62, #476A9A, #29431C)
• Hushed Moss Atelier color palette (#F6DDE5, #C2BD7E, #5BA643, #348286, #083121)
• Aged Fern color palette (#F9F5EC, #DAD2AE, #8DA47C, #658679, #5B4C00)

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