Dusty Harbor color palette — #FCECD6 · #BE6F3B · #5E5F00 · #313A70 · #432B03

Caramel takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FCECD6): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#BE6F3B): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#5E5F00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#313A70): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Espresso (#432B03): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Driftwood Lagoon color palette (#FBEDD2, #BE696F, #7B5000, #074174, #362F2B)
• Pale Harbor color palette (#FFEBD6, #A77F24, #316929, #502A6F, #32302A)
• Patina Summit color palette (#D7F1E0, #A58542, #635E00, #004338, #1F1700)
• Timeworn Bronze Workshop color palette (#FEF0DC, #9A6E00, #005E71, #004059, #451244)
• Navy Station color palette (#F9E3C4, #935400, #364300, #230B61, #1E1400)
• Cypress Chapel color palette (#FBF5E2, #8AA47A, #25734F, #64403A, #36362F)
• Washed Fern Basin color palette (#FFF3E8, #AAAC79, #46856E, #6A4E6D, #4E4A00)
• Worn Field color palette (#FFF3E5, #FFA5A1, #D9962C, #408C43, #393300)

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