Olive Pier color palette — #F3F2EC · #CAC59A · #7B7ABF · #627E09 · #20101A

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

The five colors

• Cream (#F3F2EC): bright and airy, almost weightless.
• Pistachio (#CAC59A): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#7B7ABF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#627E09): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#20101A): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Weathered Hollow color palette (#F5F1EA, #CEC492, #418BB4, #837200, #071A14)
• Ancient Ridge color palette (#EFF3ED, #93D2C5, #8F75AF, #008474, #211017)
• Patina Periwinkle Summit color palette (#EFF7F5, #C3DBA5, #5F9FE7, #7C9754, #272F38)
• Hushed Pine color palette (#F4F6F0, #98D0A7, #008CA4, #337E4F, #243229)
• Muted Orchard color palette (#F0F4E4, #59C078, #7648CE, #006E33, #16020C)
• Cocoa Chapel color palette (#FEEEE6, #91B797, #40829B, #774132, #24301E)
• Weathered Coast color palette (#F0F3ED, #D1D9D7, #A6B1B8, #48937A, #343731)
• Hushed Denim color palette (#F8F4CA, #98C6AC, #3C9092, #005E8B, #202863)

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