Olive Harbor color palette — #E8FBEE · #BFD7CF · #B8A3A9 · #6F8847 · #43594A

Built around Olive Leaf, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Ivory (#E8FBEE): A whisper-light, dusty teal — the color of sea glass.
• Oat (#BFD7CF): A whisper-light, dusty teal — the color of sea glass.
• Rosewood Mist (#B8A3A9): A luminous, dusty rose — the color of pressed rose petals.
• Olive Leaf (#6F8847): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#43594A): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Ancient Driftwood color palette (#FFF0FD, #DFC8CC, #B6A094, #748F83, #45574F)
• Weathered Abyss color palette (#D5E4F8, #C89CA8, #9A7468, #44664F, #003B43)
• Fern Thicket color palette (#FAF4ED, #D9D1B7, #9AA07B, #947476, #5C4C00)
• Wandering Coral Loft color palette (#EFF5FF, #CDAADC, #CE8380, #488070, #005948)
• Washed Navy color palette (#F0E2FC, #DB9B9F, #A38437, #375D90, #0E3B72)
• Washed Courtyard color palette (#FFF1F3, #CDA0CB, #62B79F, #4F99A0, #533B3E)
• Denim Alley color palette (#E4EDFF, #A78AB6, #90635B, #104B76, #002D4D)
• Hushed Pier color palette (#FFF0FB, #D4BEF2, #B385BB, #A0677D, #6A483E)

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