Wandering Harbor color palette — #EDF8F6 · #CCDCE3 · #A3B8B9 · #437046 · #2E3E3C

Olive and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Silver (#CCDCE3): bright and airy, almost weightless.
• Ash (#A3B8B9): A luminous, dusty blue — the color of open sky before noon.
• Olive (#437046): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#2E3E3C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Wandering 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

• Softworn Lagoon Hollow color palette (#F5F6EE, #D1DDD5, #B0C4BB, #648D60, #3A3C30)
• Wandering Parlor color palette (#EBF7FF, #D4D9E9, #ABBFD1, #007693, #32424C)
• Tempered Pier color palette (#E9F9F5, #74AB73, #3B704E, #2C534C, #1F3B38)
• Patina Abyss Coast color palette (#E3F3F6, #95AEB4, #5B8796, #004138, #071719)
• Turquoise Quarry color palette (#C5EAE0, #7ABDBC, #5A7E90, #495776, #3E415F)
• Tempered Denim color palette (#E8F0F5, #C0CEDB, #95A2B2, #005C80, #223039)
• Chartreuse Bloom color palette (#D7FEFF, #78E87A, #00C38C, #008D85, #00392C)
• Feathered Emerald Station color palette (#D6F7EC, #0C9F63, #006A5C, #064174, #00383B)

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