Olive Pier color palette — #E4E0C0 · #638B4A · #005D4C · #2E2A58 · #200623
Built around Olive Leaf, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E4E0C0): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#638B4A): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#005D4C): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#2E2A58): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#200623): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Wandering Lagoon Veranda color palette (#DBEADF, #198E80, #006374, #332848, #260009)
- Hushed Basalt Villa color palette (#ECE1CD, #7C8E4F, #21624F, #551F46, #3D141A)
- Hushed Bronze color palette (#F8E7DA, #9F7812, #475511, #00324C, #06102A)
- Hushed Denim color palette (#E6F3DD, #78A782, #45796A, #025576, #371F39)
- Tempered Pine color palette (#D8F3EE, #008E61, #004F45, #3C2400, #000A0A)
- Faded Olive Alley color palette (#E5EDD3, #4A7C00, #035A12, #002D1A, #000F0A)
- Basalt Archive color palette (#EEDBCF, #AEAF74, #4C867B, #603251, #2E0924)
- Feathered Boulevard color palette (#DCF3F2, #229051, #7D0076, #00421F, #140012)
Browse the whole catalog at Explore, or see today's palette.