Olive Harbor color palette — #E3E1CC · #628200 · #004C66 · #2E3F00 · #000201
Olive Leaf and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E3E1CC): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#628200): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#004C66): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Olive (#2E3F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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
- Bronze Lagoon color palette (#F1E3D1, #9B6900, #005052, #4D3200, #000300)
- Muted Cabin color palette (#E1F1D4, #008555, #005351, #00262F, #000307)
- Aged Villa color palette (#F8E3D6, #007745, #004551, #400019, #000503)
- Nightshade Archive color palette (#ECF2DF, #008B50, #1421BE, #004425, #050004)
- Muted Harbor color palette (#D8E9D7, #009793, #5C24BA, #00504E, #02000C)
- Fern Field color palette (#F0EBD5, #586200, #002A4C, #1C2000, #000206)
- Abyss Parlor color palette (#E9ECE2, #9DA999, #778C7E, #00542C, #070B00)
- Eclipse Harbor color palette (#DFE3D5, #006A37, #230BA0, #380400, #060000)
Browse the whole catalog at Explore, or see today's palette.