Olive Harbor color palette — #E7E3D5 · #5B8A23 · #006C38 · #004154 · #000500

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

The five colors

• Parchment (#E7E3D5): bright and airy, almost weightless.
• Olive Leaf (#5B8A23): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#006C38): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004154): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Feathered Navy color palette (#EDECDA, #009065, #006860, #00377B, #000503)
• Bronze Harbor color palette (#EADDC4, #9B7200, #625C00, #004539, #050300)
• Shadow Parlor color palette (#E8E9DA, #2D6D00, #002A0F, #080D06, #000200)
• Tempered Harbor color palette (#FBE5D3, #736300, #004A29, #3A0035, #030400)
• Faded Nightshade Garden color palette (#E6F1E4, #00847A, #005E80, #2D009B, #050005)
• Antique Navy color palette (#C2E9D8, #738B6B, #23727A, #2E4274, #0E0230)
• Hushed Cobalt color palette (#EEF1E2, #75A9BF, #007EAF, #005B69, #000A16)
• Powdered Ultramarine Alley color palette (#E1E1C5, #00B18E, #008887, #254AB3, #001B17)

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