Olive Harbor color palette — #E6F6F2 · #658949 · #284242 · #192D29 · #0D1718

Olive Leaf and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6F6F2): bright and airy, almost weightless.
• Olive Leaf (#658949): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#284242): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Forest (#192D29): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0D1718): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Aged Lime color palette (#F3F3E4, #94C96C, #718542, #555549, #23221D)
• Pine Chapel color palette (#D3E9E8, #007D46, #00332C, #001F0D, #000B0E)
• Tempered Abyss Alley color palette (#DFF4FD, #60575D, #00414A, #201D24, #000A12)
• Hushed Bronze Chapel color palette (#E1FBFE, #65A795, #8D7FB8, #A46436, #29484C)
• Wandering Lagoon color palette (#EEF8F0, #ABC9BA, #5C8C7F, #526E59, #395448)
• Pine Villa color palette (#E7F9FA, #86BEA8, #BA86A6, #008766, #544567)
• Worn Study color palette (#F1F7F2, #D6DEEF, #739FBD, #217D80, #3F546D)
• Aged Terrace color palette (#E7F5F4, #518C60, #2B4143, #182D2C, #0F1719)

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