Dusty Harbor color palette — #F7F1E9 · #D7C193 · #765C36 · #35302A · #19130A

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

The five colors

• Cream (#F7F1E9): a clean, paper-quiet neutral.
• Sand (#D7C193): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#765C36): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#35302A): a grounded near-black with real depth.
• Ink (#19130A): 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

• Dusty Forest color palette (#F1F3E9, #C9B07B, #3B6037, #272A03, #0C0D04)
• Dusty Bronze color palette (#F6F1E9, #D5C290, #629066, #846F34, #15170C)
• Chestnut Grove color palette (#F5E7D0, #705300, #293435, #1B1200, #020100)
• Worn Bronze color palette (#F0F8F0, #BDDAC3, #977748, #3C543D, #252E25)
• Timeworn Market color palette (#FBF0DF, #A7B27C, #508667, #684559, #2E2D1A)
• Tempered Bronze color palette (#F2F2DB, #987200, #1B3100, #1B2526, #040A00)
• Washed Delta color palette (#F7F1E4, #948342, #39799D, #583B6B, #25140B)
• Amber Canyon color palette (#E5F3D3, #BB8C00, #004A33, #001C11, #000402)

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