Olive Pier color palette — #E6E7FF · #B688E1 · #488C38 · #5D3080 · #052400

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

The five colors

• Frost (#E6E7FF): A whisper-light, dusty violet — the color of a velvet chair.
• Wisteria (#B688E1): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#488C38): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#5D3080): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Forest (#052400): A deep, shadowed, dusty green — the color of fresh herbs.

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 Dune color palette (#EDE4FF, #BC74AE, #559336, #7C296F, #0A2300)
• Softworn Garden color palette (#E5E7FD, #9D80CD, #917A00, #65379E, #231C00)
• Sunlit Byzantium color palette (#FFE7EE, #BD93E0, #70B247, #8B3FBB, #1F3F06)
• Gentle Peony color palette (#FFE6EB, #F05685, #008645, #7A0036, #001C0A)
• Hazy Hollow color palette (#E2DEF0, #AB4DB3, #2D6700, #48004E, #020B00)
• Worn Aubergine Courtyard color palette (#EFECFF, #AC76B5, #B35F00, #81268F, #532900)
• Chalky Lilac color palette (#E9E7FE, #AD73C3, #436A00, #005948, #140E2B)
• Pewter Boulevard color palette (#F9EDFA, #DDA1A5, #6AAC92, #9B5D63, #00393C)

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