Worn Olive Pier color palette — #E6F6EE · #99A86C · #507025 · #49491E · #00231A

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#E6F6EE): bright and airy, almost weightless.
• Sage (#99A86C): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#507025): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#49491E): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#00231A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Worn 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

• Pine Studio color palette (#E1F8F0, #8DB66B, #1A8112, #20583E, #142601)
• Wandering Pine color palette (#FEF4E3, #94A459, #367239, #4E4A44, #37362F)
• Cypress Balcony color palette (#E8F5F4, #6EB097, #007564, #19504F, #012123)
• Worn Emerald color palette (#ECF9EF, #CAD897, #5B9C5C, #4A6D54, #072F25)
• Hushed Hollow color palette (#D6EFF0, #34A785, #A86E00, #00654C, #2A1800)
• Softworn Canyon color palette (#C9E7DC, #62853D, #135202, #262E00, #040A00)
• Feathered Sapphire Cabin color palette (#D2ECF6, #008D95, #4062D8, #39691B, #00171F)
• Antique Sky color palette (#DCF7FF, #B5E0FF, #64C0E4, #157F6F, #062E39)

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