Olive Harbor color palette — #ECF8F5 · #B5DF9B · #009E9A · #4A8900 · #00070A

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

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Pistachio (#B5DF9B): A whisper-light, balanced green — the color of new leaves after rain.
• Cerulean (#009E9A): A luminous, balanced teal — the color of glacier melt.
• Olive Leaf (#4A8900): A full-bodied, vivid green — the color of new leaves after rain.
• Ink (#00070A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Emerald Garden color palette (#EDF8F2, #DDD37F, #00A275, #857800, #000708)
• Pale Cobalt Atelier color palette (#ECF8F8, #70EBBC, #0091DF, #008B66, #000610)
• Azure Garden color palette (#EEF7F7, #B2F9CB, #1AA9EE, #1DA363, #09141C)
• Wandering Jade color palette (#DAEEEF, #00A77C, #005478, #004834, #000103)
• Aged Chartreuse Quarry color palette (#EBF9F3, #C4D752, #3AAFE4, #90A024, #0B1A24)
• Airy Market color palette (#DFFFE3, #70E9BB, #00A699, #005F66, #00232E)
• Linen Orchard color palette (#D4E2E7, #008B91, #3300A7, #003235, #00000C)
• Ancient Iris color palette (#E9F8FF, #7FEBFF, #6787FF, #008EA1, #01081F)

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