Olive Harbor color palette — #ECF9F0 · #90BAA9 · #5C803D · #665071 · #32483F

Olive Leaf takes the lead with Graphite close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Sage (#90BAA9): A luminous, dusty teal — the color of sea glass.
• Olive Leaf (#5C803D): A full-bodied, balanced green — the color of fresh herbs.
• Graphite (#665071): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#32483F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Washed Villa color palette (#EEF8F5, #A2CAC6, #5A8E77, #6C6176, #3A5350)
• Pine Parlor color palette (#ECF5EB, #B4B97B, #518356, #4E536F, #132D23)
• Muted Teal Boulevard color palette (#DEFDFA, #64B599, #007A72, #773C47, #0D4535)
• Stone Drift color palette (#FCF4EA, #C2CB8E, #749B7A, #876676, #4E4200)
• Wandering Grove color palette (#F1F7F2, #C0E3F2, #1098C0, #007269, #334A5E)
• Hazy Loft color palette (#D8F2E8, #6FA255, #006D3A, #6A205C, #1C360D)
• Patina Oat color palette (#FFF0F9, #E7D5D2, #D4CA86, #AC6C6C, #604C54)
• Frosted Amber color palette (#FFF0F9, #CB6942, #009263, #605FA5, #472F3E)

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