Olive Harbor color palette — #EFF8EE · #BCB683 · #6A8E35 · #3B6C72 · #223C2F

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

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Sage (#BCB683): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#6A8E35): A luminous, balanced green — the color of new leaves after rain.
• Teal (#3B6C72): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#223C2F): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Lagoon Delta color palette (#ECF9F4, #92C39A, #00967D, #2A6D81, #0E3D3B)
• Tempered Moss Hollow color palette (#EBFAEB, #C4BF69, #5F990E, #5E62A0, #1F4333)
• Moss Parlor color palette (#FBF4E9, #DCD0A5, #7A9553, #596C29, #302707)
• Timeworn Olive Coast color palette (#DCE8DE, #A2AB6F, #25881A, #554C84, #093025)
• Weathered Emerald color palette (#D1E4DB, #5D953E, #006342, #004048, #051400)
• Tempered Cabin color palette (#DFECE1, #929A37, #247401, #00514A, #002117)
• Softworn Station color palette (#EDF8F5, #AADCDB, #6CA99F, #668194, #395352)
• Timeworn Periwinkle Station color palette (#FDF2F6, #B3DAF7, #5396EF, #007B7F, #33375B)

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