Olive Harbor color palette — #DFF9EE · #96B466 · #447B25 · #4B511C · #00271F

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

The five colors

• Honeydew (#DFF9EE): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#96B466): A luminous, balanced green — the color of new leaves after rain.
• Olive (#447B25): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#4B511C): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#00271F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance, 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

• Tempered Jade Canyon color palette (#E0F8F3, #75B17E, #317451, #205049, #03211F)
• Softworn Archive color palette (#E6F7EB, #BAB778, #737A44, #385D56, #172C23)
• Antique Pine color palette (#FAF5E5, #96AC76, #3E793F, #585301, #314113)
• Patina Harbor color palette (#C5F0E0, #7BA534, #2B6C00, #004B28, #0F1A00)
• Patina Stone Quarry color palette (#E5FCEB, #A9C77D, #439971, #7B6732, #32401B)
• Washed Archive color palette (#D7ECE9, #248D5E, #00503C, #083313, #000B04)
• Sapphire Corridor color palette (#A1F6F8, #009599, #366AE6, #437000, #001D1E)
• Antique Aqua color palette (#CEFCFF, #00C7D2, #007C80, #004345, #001416)

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