Olive Pier color palette — #E6FBF2 · #B5BF79 · #B993D3 · #7E882C · #4E385D

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

The five colors

• Ivory (#E6FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#B5BF79): A luminous, balanced green — the color of a quiet forest floor.
• Mauve (#B993D3): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#7E882C): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal (#4E385D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Patina Lagoon color palette (#DFFCFB, #82CB9B, #CA8ACC, #3B9461, #453C5F)
• Bronze Chapel color palette (#E8FBED, #D1B46B, #85A3E9, #9E7B00, #334164)
• Mallow Lagoon color palette (#FAF5E2, #D4DC89, #E19DFD, #89900A, #502C36)
• Taupe Studio color palette (#DDFEF4, #96B068, #A08BCC, #A56A8E, #184036)
• Faded Moss Loft color palette (#E7FAF3, #C6D58F, #FF9F9F, #97A93C, #523851)
• Olive Canyon color palette (#F7F6E9, #93A96A, #2797B7, #557100, #004A5D)
• Wandering Market color palette (#E5FBF2, #BEE5F4, #A7C6E7, #A38E65, #3A5854)
• Patina Market color palette (#FFF0F8, #DCB0BE, #AF8470, #7B5E79, #2D4334)

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