Wandering Harbor color palette — #FFF3E6 · #E5CCAC · #CBA47B · #B27A4E · #413C36

Caramel takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#E5CCAC): A whisper-light, dusty gold — the color of old brass.
• Camel (#CBA47B): A luminous, dusty gold — the color of old brass.
• Caramel (#B27A4E): A luminous, balanced gold — the color of honey in a jar.
• Charcoal (#413C36): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Airy Apricot Terrace color palette (#FFEADA, #EEBD93, #E08D55, #BB643E, #4C2E00)
• Weathered Harbor color palette (#F9F5EA, #E2D9BB, #BEB88B, #A38F6A, #534800)
• Wandering Taupe color palette (#FFF1F6, #C0E9CA, #C39364, #825E76, #1C382D)
• Softworn Field color palette (#F7F6E5, #AAC584, #DE969C, #CD754D, #34332C)
• Patina Amber Meadow color palette (#F9E4D1, #CDAB82, #C47B2A, #9E551B, #312100)
• Hushed Bronze color palette (#FFECF2, #C2A77F, #906D46, #63404F, #16271A)
• Gentle Coast color palette (#EDDECA, #AE8A30, #916400, #6C4100, #0F0B00)
• Garnet Lantern color palette (#F5E4DA, #AD704C, #98431D, #781000, #080200)

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