Olive Harbor color palette — #DFDFD3 · #94A59A · #728E85 · #407300 · #0A0A00

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

The five colors

• Bone (#DFDFD3): bright and airy, almost weightless.
• Taupe (#94A59A): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#728E85): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#407300): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#0A0A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Chestnut Courtyard color palette (#EDE9E2, #9DA396, #799179, #7E5D00, #0F0800)
• Patina Field color palette (#DDE7E5, #98A9A7, #6B8E8E, #195300, #000C0A)
• Wandering Orchard color palette (#EAE5D6, #6F9562, #007452, #4C4B00, #010800)
• Timeworn Spruce color palette (#DCECE8, #769494, #517179, #1A3100, #000201)
• Garnet Terrace color palette (#EDEBD7, #67966C, #007877, #75173F, #250D00)
• Timeworn Lagoon Coast color palette (#ECF2E8, #B2C4C1, #88B0B2, #00957F, #17230F)
• Washed Summit color palette (#F4D9C8, #648813, #00685F, #6E0037, #000501)
• Emerald Orchard color palette (#DEE6CA, #B89D00, #00AB6C, #00849E, #000302)

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