Weathered Harbor color palette — #F5E2D4 · #B27831 · #793900 · #420A00 · #020100

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

The five colors

• Parchment (#F5E2D4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#B27831): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#793900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#420A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

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

• Hushed Lantern color palette (#F8EBD3, #8E8936, #5F4B00, #311D00, #010100)
• Timeworn Chestnut color palette (#F9E0CA, #C19046, #8D4D00, #571C00, #060300)
• Softworn Balcony color palette (#FFF3E7, #E1B263, #B46900, #7F3300, #1F1800)
• Weathered Olive Bloom color palette (#FBF5E1, #A8BB81, #7E7B00, #574400, #131400)
• Garnet Cabin color palette (#C8E6DC, #00659E, #901700, #332600, #000103)
• Wandering Parlor color palette (#FFF4DC, #D1D68E, #A99100, #7E5700, #2C2903)
• Deep Terrace color palette (#DBEBE5, #B28600, #002F46, #080F13, #000103)
• Twilit Boulevard color palette (#F9E1F8, #004AD7, #631E00, #1A1A00, #000102)

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