Wandering Harbor color palette — #FFF2EB · #D38168 · #846100 · #005166 · #1E0600

A conversation between Coral Clay and Ochre, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Coral Clay (#D38168): A luminous, balanced orange — the color of autumn markets.
• Ochre (#846100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Peacock (#005166): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#1E0600): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant, muted.

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

• Amber Summit color palette (#FFF3E3, #C59029, #707B0C, #005181, #140600)
• Worn Navy Quarry color palette (#FFF2F0, #DB89AA, #976E00, #00488F, #38001E)
• Airy Corridor color palette (#FFF2EE, #DD6F83, #A64851, #005F3B, #1F020C)
• Weathered Amber color palette (#FFF2EA, #CC6B35, #38352E, #1C0A00, #030000)
• Aged Amber Terrace color palette (#FFF0FD, #FFB7C2, #CB6C4C, #664A00, #222A00)
• Gentle Quarry color palette (#FFF3E8, #D26F00, #168116, #3F009E, #100400)
• Plum Delta color palette (#FFEDEA, #BF235A, #005C2C, #003B4E, #19040B)
• Terracotta Harbor color palette (#FFF2EA, #A73F00, #4E3E00, #002943, #040000)

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