Dusty Harbor color palette — #FFF4E1 · #DBB564 · #674C00 · #211600 · #020100

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

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Gold (#DBB564): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#674C00): A full-bodied, balanced gold — the color of old brass.
• Ink (#211600): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Timeworn Sand color palette (#FDF4E1, #EDCB84, #706326, #302700, #060300)
• Weathered Study color palette (#E4DDD1, #D9B261, #977300, #5C4500, #120900)
• Hushed Marigold color palette (#F5EED6, #C59B37, #403E00, #1D2726, #080800)
• Faded Grove color palette (#F5F9D5, #F3B913, #196B06, #042601, #000200)
• Pine Lantern color palette (#FBF5E6, #CDBC5B, #008C61, #716400, #010100)
• Ancient Sand color palette (#F8F6E9, #FDE2AA, #717D48, #3A3932, #131002)
• Washed Coast color palette (#F4F7EC, #C9DCCA, #6A9174, #414D00, #1A1D11)
• Pine Quarry color palette (#F2FEAD, #98CE73, #008E4C, #005541, #001716)

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