Olive Pier color palette — #F1EDD3 · #6A7F41 · #00553B · #20285A · #2B0C38

Built around Olive Leaf, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Parchment (#F1EDD3): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#6A7F41): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#00553B): A deep, shadowed, balanced teal — the color of sea glass.
• Navy (#20285A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#2B0C38): A deep, shadowed, balanced violet — the color of wild irises.

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

• Frosted Aubergine color palette (#E1E9D5, #468762, #005855, #3B0D53, #320127)
• Hushed Onyx color palette (#F8DCC4, #867438, #3E531E, #002F4A, #12074D)
• Linen Pier color palette (#ECE6C6, #88A43F, #2A9063, #474D7A, #281536)
• Wandering Cypress color palette (#D0E5E0, #437954, #004233, #351B00, #001506)
• Muted Summit color palette (#F4D8D5, #9C8354, #117545, #5B1D42, #361213)
• Aubergine Garden color palette (#C8EDE8, #23822A, #640072, #023707, #1E0023)
• Muted Chapel color palette (#D8E2DA, #4E9EA2, #005362, #003127, #001721)
• Patina Aubergine color palette (#EEECCD, #87A974, #19816C, #4B4387, #591C5F)

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