Washed Amber Harbor color palette — #FFF2EF · #F5B39C · #D7874C · #886E31 · #525049

Mustard and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Melon (#F5B39C): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#D7874C): A luminous, balanced gold — the color of old brass.
• Walnut (#886E31): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#525049): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Washed Amber 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

• Timeworn Apricot color palette (#FFF0FB, #F5A479, #B57E4E, #775A35, #38513E)
• Muted Bronze Garden color palette (#FDF3EA, #D8C9AD, #BA936F, #A26143, #524800)
• Tempered Sky Bloom color palette (#FEF3E6, #E5BD84, #67BBEF, #B38235, #34554A)
• Ancient Blush color palette (#FFF1F4, #ECACC9, #E27F8D, #A46557, #544D48)
• Softworn Amber Pier color palette (#FFF3E2, #EED5A0, #C89955, #82692E, #39342E)
• Muted Moss Quarry color palette (#FFF3E7, #DAC082, #ABA640, #6B844D, #4D4F48)
• Amber Hollow color palette (#EEDBD2, #D38700, #8E7700, #515400, #143C14)
• Tempered Coast color palette (#FFF2EA, #E0A085, #8AA0EC, #908AC1, #48413C)

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