Washed Harbor color palette — #FFF2EA · #CF9A7A · #956551 · #6F453B · #5A3200

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#CF9A7A): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#956551): A full-bodied, dusty orange — the color of sun-warmed clay.
• Coffee (#6F453B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#5A3200): A deep, shadowed, balanced gold — the color of old brass.

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

• Chestnut Courtyard color palette (#FFF3E2, #BAA56C, #886E3E, #714700, #403D36)
• Hushed Taupe color palette (#FFF2EB, #E7CBAC, #DB9A84, #AE7682, #403D36)
• Apricot Workshop color palette (#FFF2EE, #DCA06E, #7D393E, #44241A, #23190C)
• Hazy Ridge color palette (#FCF3EF, #F28F7F, #A25A00, #91463B, #2D2116)
• Patina Atelier color palette (#FFF0F9, #DAB0C2, #B3826F, #7B5E78, #2F432E)
• Antique Amber color palette (#FFD4B7, #C97700, #8A4600, #642700, #3B2300)
• Hushed Villa color palette (#FFF2EE, #C45A67, #7F712E, #554B76, #412D27)
• Antique Moss color palette (#EDE3CB, #8D8C37, #625600, #443500, #2B2402)

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