Dusty Harbor color palette — #FFF2ED · #FFC3B6 · #E79F7E · #C9824D · #544F49

Built around Mustard, softened by Melon — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Wheat (#FFC3B6): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#E79F7E): A luminous, balanced orange — the color of autumn markets.
• Mustard (#C9824D): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#544F49): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

Use it as a design system

One click turns Dusty 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

• Tempered Boulevard color palette (#FFF3E9, #F9C9AC, #8DD2EF, #EC8D4B, #2C5745)
• Dusty Apricot color palette (#F9F2FF, #EDD9CC, #E89468, #9C7141, #324E3E)
• Cocoa Field color palette (#FEF3EB, #EAD5C0, #D3AD91, #B58479, #614000)
• Patina Coral Harbor color palette (#FFEDEF, #F6C2DF, #E89CB6, #CD7681, #554D4A)
• Softworn Moss color palette (#FFF1E3, #EBCF9D, #CFBA72, #939342, #515048)
• Airy Amber Ridge color palette (#F9DEC7, #DDAB61, #B89600, #857E00, #3B3F00)
• Lilac Quarry color palette (#FFF3E8, #F1BA8E, #73D2C0, #BA9DED, #47413C)
• Gentle Courtyard color palette (#EDE3D6, #BB8F00, #877C00, #585E00, #132100)

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