Olive Pier color palette — #D4E4DD · #7C7E00 · #004E4D · #383900 · #000102
Olive Leaf and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Silver (#D4E4DD): bright and airy, almost weightless.
- Olive Leaf (#7C7E00): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004E4D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Olive (#383900): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Olive Parlor color palette (#DBF0EB, #447800, #003E42, #193100, #000102)
- Misty Olive color palette (#CDE7D2, #297800, #00463C, #2F0047, #000802)
- Pine Grove color palette (#D8E5C8, #1A9031, #00553C, #00241F, #000607)
- Ancient Pier color palette (#F8E4EB, #AD6400, #025310, #512C00, #000201)
- Moss Cabin color palette (#F2EEE0, #979900, #006F6F, #555700, #000500)
- Muted Nightshade color palette (#DBE7EA, #00A39A, #3740BD, #00524D, #000111)
- Emerald Boulevard color palette (#D8F4F2, #90A700, #009C4C, #00615E, #000904)
- Fern Balcony color palette (#D6E3E0, #A6B7B6, #6A969A, #2D4E00, #000E0B)
Browse the whole catalog at Explore, or see today's palette.