Olive Pier color palette — #CFE6D7 · #807C27 · #414900 · #4D0F17 · #000B05
Built around Olive Leaf, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#CFE6D7): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#807C27): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#414900): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Espresso (#4D0F17): A deep, shadowed, balanced red — the color of embers at dusk.
- Ink (#000B05): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Dusty Olive color palette (#DCF4ED, #51893F, #00531E, #451C00, #000A08)
- Softworn Fern Terrace color palette (#E3F3E9, #91924B, #4E5D00, #532F0B, #00170E)
- Olive Courtyard color palette (#EFDECA, #847D16, #2F4F00, #2D2654, #221900)
- Gentle Meadow color palette (#F3DDED, #B9361C, #426400, #670F00, #040A00)
- Lagoon Lantern color palette (#CFE4E2, #0D8E66, #005041, #002E40, #000B05)
- Weathered Olive color palette (#E7F7EA, #B9A852, #726F00, #763812, #272000)
- Linen Aubergine Station color palette (#EFE0DA, #953300, #524F00, #68005A, #0A0100)
- Hushed Amber color palette (#F0DFE9, #D9A380, #B87B00, #7A211A, #170600)
Browse the whole catalog at Explore, or see today's palette.