Worn Olive Pier color palette — #F5F6EA · #99CEB9 · #508D8C · #686B21 · #3C5717

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

The five colors

• Ivory (#F5F6EA): bright and airy, almost weightless.
• Pistachio (#99CEB9): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#508D8C): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#686B21): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3C5717): A full-bodied, balanced green — the color of fresh herbs.

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

• Antique Fern color palette (#FAF5E8, #C7C398, #638D6D, #5A6B5B, #564F00)
• Ash Grove color palette (#EAF9F5, #AFDADD, #73A4B5, #62867E, #3A5254)
• Worn Amber Drift color palette (#EAFAF1, #69BDDB, #C18C58, #347D95, #524C46)
• Cypress Basin color palette (#FAF5E5, #83A774, #177452, #34533E, #36362F)
• Hushed Pine color palette (#F0EBCE, #338F4A, #005142, #003442, #002208)
• Bronze Meadow color palette (#FDE8D1, #7C6B00, #2F3E00, #151C4B, #140F00)
• Azure Cabin color palette (#DFFDF1, #1EA4DD, #B77857, #956D46, #31483F)
• Timeworn Drift color palette (#D8FFF3, #9BCDFD, #5789B5, #2E506D, #0B3E34)

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