Olive Harbor color palette — #D3E8DC · #696E00 · #2F3C00 · #3F0306 · #030300

A conversation between Olive and Espresso, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D3E8DC): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#696E00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#2F3C00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#3F0306): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

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

• Patina Fern Ridge color palette (#DAF4E6, #777E3A, #394B00, #3F2200, #070900)
• Twilit Villa color palette (#D5EEE9, #26682E, #00331A, #230E00, #000200)
• Muted Olive color palette (#EBE2D6, #6F7100, #1A4200, #231A41, #101100)
• Worn Terracotta Alley color palette (#ECDCE6, #A12B00, #2D5600, #4F1000, #010400)
• Twilit Garnet Market color palette (#FFE7D7, #723700, #394400, #570039, #030100)
• Wandering Fern Cabin color palette (#D7E6D9, #919346, #285C00, #2F1D58, #010100)
• Antique Terrace color palette (#DCEFEE, #44A180, #006454, #4C3300, #00170E)
• Pale Fern Basin color palette (#CDEEDF, #87A13C, #3D6900, #701B06, #121900)

Browse the whole catalog at Explore, or see today's palette.