Olive Harbor color palette — #EEF8F0 · #B5B27F · #697C3F · #565673 · #34483E

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

The five colors

• Ivory (#EEF8F0): a clean, paper-quiet neutral.
• Sage (#B5B27F): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#697C3F): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#565673): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#34483E): 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

• Softworn Cypress color palette (#EBF9F5, #8ABAB7, #2D846C, #4C5A75, #2B4847)
• Aged Olive color palette (#EBF9EF, #9B9F6F, #4B7017, #5D3F5A, #1F3C31)
• Driftwood Garden color palette (#FDF3EA, #CCC792, #769C67, #846877, #534000)
• Jade Chapel color palette (#DDFDF8, #5FB88B, #007B69, #78394F, #0C4344)
• Ancient Driftwood Terrace color palette (#FFF0FC, #E7D7D6, #DDC88C, #A1626A, #594350)
• Ancient Cerulean color palette (#F1F7F2, #BCE4F2, #139AB5, #1F7161, #2E4B5F)
• Frosted Pine color palette (#FFF0FB, #C96954, #2E9055, #5664A2, #472F41)
• Terracotta Meadow color palette (#FEF0FC, #D48881, #009CA6, #A73E39, #004C51)

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