Dusty Harbor color palette — #F7E1EC · #CFA672 · #AF6E47 · #864541 · #203629

A conversation between Mocha and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Rose Water (#F7E1EC): A whisper-light, dusty rose — the color of a warm blush.
• Camel (#CFA672): A luminous, balanced gold — the color of honey in a jar.
• Mocha (#AF6E47): A full-bodied, balanced gold — the color of honey in a jar.
• Coffee (#864541): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#203629): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Patina Bronze color palette (#D9EEDD, #B4B180, #A37800, #7E4D27, #1A3730)
• Patina Corridor color palette (#FFF2E9, #E3C09D, #AE7D5F, #7E473A, #2E1E03)
• Sunlit Chestnut Lagoon color palette (#F9E1EA, #AC8532, #8D4F00, #692311, #191700)
• Hushed Taupe color palette (#EAF9F2, #ADD4CA, #A19F66, #5D7E61, #364D4B)
• Softworn Bronze Meadow color palette (#DBF3FD, #00A2AF, #BC6700, #386F33, #042B37)
• Worn Boulevard color palette (#DBF4DF, #888100, #6A4D00, #4B2500, #070E00)
• Cocoa Alley color palette (#FBE1EF, #92642C, #722E00, #4B000C, #050300)
• Worn Delta color palette (#E6F0F9, #EB9F83, #0069A2, #103954, #071725)

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