Washed Harbor color palette — #FFF3E9 · #C0A082 · #93674B · #7B3E24 · #573400

Bronze and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Camel (#C0A082): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#93674B): A full-bodied, dusty gold — the color of old brass.
• Bronze (#7B3E24): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#573400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Washed 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

• Antique Cocoa Harbor color palette (#F6E5D5, #B38F67, #87572C, #6C3101, #34302A)
• Dusty Fern color palette (#F9F5E8, #AEA78A, #79753A, #615000, #463E00)
• Timeworn Driftwood color palette (#FFF0F7, #A7C8A6, #B88160, #8B5A55, #2E4336)
• Weathered Taupe Summit color palette (#FFF1F7, #EFC8A6, #D1A181, #9E7C90, #344133)
• Cocoa Summit color palette (#F5E2CC, #8F703B, #613C00, #3E1F00, #1E1500)
• Antique Bronze color palette (#FFF1F4, #9C6CA8, #A6583C, #724900, #472830)
• Washed Lantern color palette (#EFF9EC, #00857A, #8B4D00, #4E4700, #262B13)
• Fern Boulevard color palette (#E9DFCB, #5F5C22, #342B00, #170F00, #030400)

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