Olive Pier color palette — #EBF9F4 · #A7B787 · #A38DBE · #677C33 · #49496C

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

The five colors

• Ivory (#EBF9F4): a clean, paper-quiet neutral.
• Sage (#A7B787): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#A38DBE): A luminous, dusty violet — the color of wild irises.
• Olive Leaf (#677C33): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#49496C): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Aged Olive color palette (#E5F6F1, #A7BC8B, #A48FD0, #5E7E22, #2B2E4B)
• Bronze Grove color palette (#EDF9ED, #C9AA81, #779BCA, #956921, #384F6A)
• Tempered Cypress color palette (#E9F9FA, #78C1A9, #C5829A, #21856B, #574560)
• Softworn Moss Villa color palette (#F7F6E9, #BCCC9A, #BEA2E3, #809740, #65414F)
• Patina Pewter color palette (#DEFDF5, #86A36A, #698DB3, #A35F6A, #2B4942)
• Tempered Powder Canyon color palette (#E6FAF5, #C4E6F4, #A6CDEB, #6B8F7E, #3D5552)
• Tempered Driftwood Villa color palette (#FFF0F8, #CDAEB9, #997387, #6E5467, #3E4C40)
• Weathered Driftwood Workshop color palette (#D8FFF7, #BBD7AA, #6F9264, #3C5D32, #0F433C)

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