Olive Pier color palette — #FFEAD8 · #AC5900 · #2C7200 · #004336 · #030100
Built around Olive, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEAD8): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ochre (#AC5900): A full-bodied, balanced gold — the color of old brass.
- Olive (#2C7200): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004336): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Worn Bronze Basin color palette (#FFF0DE, #A56D00, #3E5700, #002C25, #050000)
- Ancient Crimson color palette (#FFE9E1, #D5003F, #6D6000, #1F4300, #040000)
- Powdered Harbor color palette (#FCEBD7, #9D6400, #007339, #690041, #020100)
- Amber Field color palette (#FFECE1, #DB8300, #875A00, #3F2D00, #060400)
- Gentle Emerald color palette (#FFF3E6, #C97F00, #009841, #006358, #160900)
- Mulberry Corridor color palette (#EED9F0, #9A0035, #005139, #002C3B, #080001)
- Cellar Fern color palette (#E5E6CA, #2D5B00, #004353, #001931, #010100)
- Powdered Pier color palette (#FFF2EC, #F17A64, #865200, #911400, #020100)
Browse the whole catalog at Explore, or see today's palette.