Weathered Harbor color palette — #F9F5E8 · #C8F3CA · #6EAC9F · #8A6F6C · #373D00

Built around Deep Olive, softened by Honeydew — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Honeydew (#C8F3CA): A whisper-light, dusty green — the color of new leaves after rain.
• Turquoise (#6EAC9F): A luminous, dusty teal — the color of glacier melt.
• Mocha (#8A6F6C): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#373D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Weathered 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 Basalt Basin color palette (#FAF4EC, #C2E3CD, #96B996, #967E89, #544500)
• Aged Parlor color palette (#FFF4DE, #B7EB8D, #00AB7F, #795F84, #21350F)
• Weathered Cypress Drift color palette (#EAF9F4, #8ABAB6, #458071, #5B5477, #244A47)
• Wandering Lagoon Corridor color palette (#F0F4E9, #AAB99B, #328577, #325F50, #202B15)
• Airy Aqua color palette (#FFF1F0, #FFBFD9, #36D4CA, #BF6A91, #00423E)
• Timeworn Atelier color palette (#FBF4EE, #C1E4F6, #9ABBF7, #499088, #533445)
• Muted Teal color palette (#F9F7D8, #4AB991, #006D72, #592943, #040900)
• Dusty Blush color palette (#FFF2EF, #FF97AE, #4CBFB6, #2FA69D, #3E231D)

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