Olive Harbor color palette — #EFF8EE · #BDB77B · #6B8D3F · #317061 · #1F3D2E

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 (#BDB77B): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#6B8D3F): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#317061): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#1F3D2E): 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

• Worn Hollow color palette (#EFF8F2, #BBCC9F, #659F73, #437D7E, #2D4941)
• Driftwood Loft color palette (#FEF4E2, #D2D59C, #7B945D, #426E57, #2F270D)
• Muted Hollow color palette (#EBFAEB, #C1BE7D, #629829, #5F629D, #1E4333)
• Fern Grove color palette (#FCF5E2, #98A263, #566B31, #4B4C44, #37362F)
• Feathered Pine color palette (#D7EBDC, #A0AC73, #328636, #564C7E, #003125)
• Feathered Clover color palette (#D1F5E7, #63C473, #008C72, #00657C, #023911)
• Hushed Emerald Station color palette (#CEE6DA, #5E9443, #006242, #004048, #051400)
• Wandering Terrace color palette (#FBF2F6, #B3DAF8, #5A95ED, #007B80, #343759)

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