Olive Pier color palette — #E8E5D1 · #829D5A · #317200 · #683524 · #1E1B00
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E8E5D1): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#829D5A): A luminous, balanced green — the color of new leaves after rain.
- Olive (#317200): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#683524): A deep, shadowed, dusty orange — the color of autumn markets.
- Ink (#1E1B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, 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
- Pale Jade color palette (#EBF1D6, #43A973, #007255, #623B00, #002211)
- Pale Drift color palette (#E9E5CF, #90B269, #348715, #6C501D, #1F2E0A)
- Muted Forest color palette (#FFF4E1, #95AD60, #007244, #453158, #050900)
- Pine Grove color palette (#F4E6DC, #D75B00, #008D25, #873700, #002204)
- Olive Courtyard color palette (#EDE2CA, #698620, #005324, #362548, #151F00)
- Wandering Emerald color palette (#D3E4DB, #98B269, #558F52, #79557A, #151F00)
- Timeworn Loft color palette (#EBF2DD, #56A486, #00715F, #004C69, #131F01)
- Olive Hollow color palette (#EFE3CC, #7E7800, #434A00, #452000, #070600)
Browse the whole catalog at Explore, or see today's palette.