Washed Harbor color palette — #FBF3F4 · #E2DAD2 · #AAB9B5 · #C286BD · #483B3D

Built around Dusty Rose, softened by Charcoal — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FBF3F4): bright and airy, almost weightless.
• Bone (#E2DAD2): a clean, paper-quiet neutral.
• Ash (#AAB9B5): a calm mid-gray that lets other colors speak.
• Dusty Rose (#C286BD): A luminous, balanced pink — the color of a candy shop window.
• Charcoal (#483B3D): a grounded near-black with real depth.

Feels like: Creativity, 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

• Worn Harbor color palette (#FBF4EF, #DBDCD2, #A8B9B1, #CC6C33, #332D29)
• Hushed Pewter Station color palette (#F5F4FC, #E9D8DF, #D2BBBD, #766E91, #484651)
• Dusty Marigold Drift color palette (#FFF1F1, #DFD2D6, #FFAB5A, #C4BDB3, #54262D)
• Pewter Parlor color palette (#FBF4EA, #D2E2C6, #7DAA8E, #776F9A, #393932)
• Washed Coral Lantern color palette (#F6F7E5, #D3BFFF, #C37A80, #007081, #47262D)
• Raspberry Station color palette (#FFF1F0, #E1DAD0, #A0C0AF, #CA4389, #381B19)
• Tempered Lantern color palette (#FFF2EF, #D48199, #6B3600, #2D1815, #0A0405)
• Hushed Garnet Thicket color palette (#E5DEDC, #C4B8AF, #9E9076, #740025, #040000)

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