Weathered Harbor color palette — #FFE3D7 · #E8B09D · #AF7644 · #745300 · #393630

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

The five colors

• Rose Water (#FFE3D7): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#E8B09D): A luminous, dusty orange — the color of autumn markets.
• Caramel (#AF7644): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#745300): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#393630): a grounded near-black with real depth.

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

• Driftwood Atelier color palette (#FFEFD9, #DEC9A4, #A08143, #674700, #2E1E00)
• Patina Bronze Summit color palette (#FFF2EA, #D89E79, #B56E28, #845723, #52524A)
• Timeworn Courtyard color palette (#FFECD4, #C7B37F, #939141, #496116, #33352E)
• Tempered Terracotta Field color palette (#FFEDEE, #DBA9BF, #BF7076, #8A4237, #3F3834)
• Hushed Chapel color palette (#F8F0E8, #D0AC83, #73A1CD, #9E6200, #133350)
• Amber Workshop color palette (#FFF0FE, #FEB89D, #D78E4A, #8C6F38, #345444)
• Amber Field color palette (#F8D9C9, #D18100, #8D6300, #4C4200, #222A00)
• Chestnut Dune color palette (#F8DAD1, #853E00, #3B2400, #120C00, #010100)

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