Dusty Harbor color palette — #FBF4ED · #DBDCC7 · #BBC5A8 · #D68200 · #37322C

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

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Bone (#DBDCC7): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#BBC5A8): A luminous, dusty green — the color of a quiet forest floor.
• Mustard (#D68200): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#37322C): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Patina Bronze Boulevard color palette (#FEF3E9, #E4DDCF, #C0C197, #AF6000, #37322D)
• Dusty Moss Balcony color palette (#F0EEE7, #CED5CC, #ABC1AE, #989900, #322E1E)
• Sunlit Ember Alley color palette (#FEF2ED, #DFD9C9, #C7C4A0, #FE5833, #552200)
• Worn Amber color palette (#E8E2CC, #AD8F00, #546023, #403400, #0E0600)
• Powdered Jade color palette (#F0ECD6, #9ED18E, #24B26D, #B85F2B, #153706)
• Marigold Veranda color palette (#F8E2B5, #ED9E04, #8F9600, #0072AF, #352700)
• Dusty Stone color palette (#F9F4EF, #D9DBD4, #CFB081, #A3B4BB, #595148)
• Powdered Courtyard color palette (#F6E5CF, #D99B00, #00A27E, #005DDA, #46002C)

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