Weathered Harbor color palette — #FFF1F1 · #EDD4CF · #F39090 · #B3735A · #504A45

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bone (#EDD4CF): A whisper-light, dusty orange — the color of autumn markets.
• Salmon (#F39090): A luminous, balanced orange — the color of toasted spice.
• Caramel (#B3735A): A luminous, balanced orange — the color of autumn markets.
• Charcoal Brown (#504A45): quiet, heavy and certain.

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

• Mallow Chapel color palette (#FFF1F4, #FFD6F8, #F698C7, #AE697A, #4D4542)
• Muted Quarry color palette (#FFF2ED, #F2D5C4, #7CDBFB, #CC8381, #314E3F)
• Wandering Marigold Grove color palette (#FFF2EC, #E6D9C2, #EFAA5E, #917740, #514F47)
• Hazy Bronze color palette (#FFE2E3, #FF927D, #B45D00, #6D4400, #251B00)
• Ember Pier color palette (#FFF1F3, #FFB2B0, #EA5C00, #864D00, #4A3500)
• Pale Amber color palette (#FFDFD4, #E27900, #905F00, #463900, #101400)
• Weathered Cocoa Field color palette (#FFEAD8, #D9D8E6, #AA9FA6, #5E3600, #27211C)
• Muted Amber color palette (#F7E5D8, #B17E00, #5C4C00, #232A00, #010200)

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