Olive Pier color palette — #E5E8CB · #288200 · #006C85 · #00438E · #000200
A conversation between Olive Leaf and Indigo, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E5E8CB): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#288200): A full-bodied, vivid green — the color of fresh herbs.
- Peacock (#006C85): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#00438E): A deep, shadowed, balanced blue — the color of deep harbor water.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Pine Harbor color palette (#ECF0E2, #008341, #006A91, #643C00, #000301)
- Navy Lagoon color palette (#EAF1E2, #008F6D, #006864, #002D90, #000503)
- Washed Parlor color palette (#E7E1CE, #747100, #00706E, #880018, #020200)
- Antique Emerald Cabin color palette (#EBEFD9, #23A638, #007370, #006B1A, #000202)
- Navy Grove color palette (#D0EFEE, #005D35, #003A77, #2D002D, #000201)
- Dusty Parlor color palette (#E6F1E4, #008F85, #4B65CF, #5D5700, #000605)
- Washed Aubergine color palette (#E6E3C8, #455C00, #5E1093, #3B0060, #010200)
- Pine Meadow color palette (#DFE3D7, #93A59B, #709283, #007746, #070B00)
Browse the whole catalog at Explore, or see today's palette.