Olive Harbor color palette — #D3E6E1 · #5B8800 · #004E50 · #273E00 · #000102
Olive Leaf takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Silver (#D3E6E1): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#5B8800): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004E50): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Forest (#273E00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Olive Harbor 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 Pier color palette (#D1E7E7, #008F5F, #004774, #004129, #000104)
- Hushed Bronze Orchard color palette (#D6E2D8, #9C6F00, #005131, #483200, #000202)
- Worn Pine color palette (#E2F4E5, #007847, #004546, #360038, #000704)
- Jade Pier color palette (#DEF2F2, #00B078, #006484, #005B3C, #000409)
- Feathered Moss Pier color palette (#E1E1D1, #70A500, #006F6B, #3E5E00, #000500)
- Washed Forest color palette (#E5F1F0, #A5B7B8, #6696A2, #005222, #000E0D)
- Wandering Balcony color palette (#D7E8EF, #00A0AE, #4F36BB, #005058, #01010C)
- Eclipse Nightshade Grove color palette (#DAECE8, #2D5200, #270091, #35001C, #000200)
Browse the whole catalog at Explore, or see today's palette.