Olive Harbor color palette — #ECDCD6 · #4C8900 · #004C56 · #3B0006 · #000201

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

The five colors

• Bone (#ECDCD6): bright and airy, almost weightless.
• Olive Leaf (#4C8900): A full-bodied, vivid green — the color of a quiet forest floor.
• Deep Teal (#004C56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#3B0006): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, 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 Pier color palette (#FFEAE5, #847800, #004F43, #370022, #010200)
• Muted Lagoon color palette (#EFDDD0, #008B6A, #004671, #301100, #000202)
• Shadow Forest color palette (#FAE2E8, #006A35, #003548, #340016, #000F0C)
• Timeworn Lagoon Grove color palette (#E4E2CE, #599E7D, #00595A, #243000, #000201)
• Garnet Thicket color palette (#E2EADD, #82A36B, #296F62, #58000A, #0D0B00)
• Patina Alley color palette (#E5F4E8, #00A176, #007681, #7C006A, #000F0C)
• Timeworn Ultramarine color palette (#F6EFCA, #009E9C, #2F43BA, #282F00, #000507)
• Cobalt Corridor color palette (#FFF4DE, #29BB9A, #006EBA, #4C3E00, #001618)

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