Olive Harbor color palette — #D5F0FF · #00ADD0 · #B18900 · #728900 · #003744

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

The five colors

• Frost (#D5F0FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00ADD0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mustard (#B18900): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#728900): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#003744): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Washed Archive color palette (#D3E7FF, #5996E9, #759800, #66832E, #172C46)
• Frosted Ember color palette (#B6FAFA, #00B1B3, #E56100, #9E6C00, #003839)
• Washed Lagoon color palette (#EFF6FF, #77B0FF, #D88B00, #AB7D00, #022048)
• Jade Station color palette (#E2EBFF, #98AAFF, #00AC6D, #628B00, #262D51)
• Feathered Quarry color palette (#DEF5E9, #97C382, #908B00, #845500, #093D3F)
• Wandering Corridor color palette (#EFF6FF, #5E8FFF, #009F67, #007A4D, #1C2A4A)
• Soft Orchid color palette (#ECE8FA, #9D63FF, #00976D, #007882, #291946)
• Washed Teal color palette (#F4F4FF, #C6A1D7, #4EBAA4, #4B9AA6, #414054)

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