Dusty Harbor color palette — #FBF3EF · #DDDBC7 · #BBB29E · #8D523D · #433831
A conversation between Coffee and Stone, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FBF3EF): a clean, paper-quiet neutral.
- Bone (#DDDBC7): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#BBB29E): A luminous, dusty gold — the color of old brass.
- Coffee (#8D523D): A full-bodied, balanced orange — the color of sun-warmed clay.
- Charcoal (#433831): 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
- Washed Bloom color palette (#FBF2F8, #D2DFDB, #ACC7C8, #B46952, #42373E)
- Muted Alley color palette (#FFDCD3, #C2A472, #668053, #67485B, #543135)
- Aged Bronze Lagoon color palette (#F8F5ED, #D7DDD4, #9DB0B4, #9C7D38, #55524C)
- Olive Quarry color palette (#F8F6E8, #CFDED0, #B1C2A6, #667221, #4A4000)
- Worn Cocoa color palette (#EBDFD7, #C7B6A0, #988E6C, #6A330C, #2A1C11)
- Moss Boulevard color palette (#FEF4E1, #92A456, #3C7141, #63403F, #37362F)
- Muted Fern color palette (#EFEFE7, #C8CFBC, #97A594, #416010, #2F2F20)
- Patina Courtyard color palette (#F0ECE1, #9B9C84, #627B3A, #2F2C00, #0C0902)
Browse the whole catalog at Explore, or see today's palette.