Dusty Harbor color palette — #F9F4EF · #DCDDD0 · #A9BCAC · #C3A77A · #4D473E

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

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Bone (#DCDDD0): bright and airy, almost weightless.
• Ash (#A9BCAC): A luminous, dusty green — the color of a quiet forest floor.
• Camel (#C3A77A): A luminous, dusty gold — the color of old brass.
• Cocoa (#4D473E): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Softness, Clarity. 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

• Muted Stone Bloom color palette (#FDF6D6, #DADAB4, #9BC2A4, #7C9685, #3F584D)
• Ancient Clover Courtyard color palette (#F6F6EC, #D2DDD2, #93B4BC, #82B655, #454200)
• Moss Thicket color palette (#F9F5EB, #D5DEC9, #B6CAA7, #AD9900, #35332C)
• Softworn Sunflower Meadow color palette (#FEF4E0, #DCDFBC, #FDD84E, #B5C56F, #43403A)
• Hushed Bronze color palette (#F6F1EB, #D6D8D1, #B4C0B4, #916D47, #322B23)
• Antique Jade color palette (#F8F6E8, #B7C779, #00BB94, #2889A7, #3C3731)
• Mustard Veranda color palette (#E9E4D6, #B8AE3C, #6C754C, #5B4700, #1C1811)
• Olive Corridor color palette (#E2E0D4, #98A495, #779378, #586D00, #0C0900)

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