Washed Harbor color palette — #FBF4EE · #DBDCD1 · #9EB1B0 · #A97541 · #56524D

Built around Mocha, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Bone (#DBDCD1): a clean, paper-quiet neutral.
• Ash (#9EB1B0): A luminous, dusty teal — the color of sea glass.
• Mocha (#A97541): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#56524D): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Washed Bronze Ridge color palette (#F6F6ED, #D4DED6, #B1C5BD, #7E772D, #49483F)
• Muted Pewter Field color palette (#FFF3E9, #D2C8B0, #949B84, #856A71, #624C51)
• Washed Fern Canyon color palette (#EFEDE0, #B8BCA1, #849478, #434900, #221F13)
• Tempered Balcony color palette (#F9F5E7, #C1C59B, #598E78, #785F59, #4F5100)
• Tempered Amber color palette (#FDF3EB, #C5885A, #1B8178, #5D4973, #583743)
• Wandering Veranda color palette (#F5EDE4, #A09988, #78742A, #3D2500, #100701)
• Tempered Courtyard color palette (#FFF3E3, #DC9657, #727E47, #4F567E, #604100)
• Ancient Forest Boulevard color palette (#F4F7E7, #C8D9BF, #8EB196, #146C2F, #32342D)

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