Washed Harbor color palette — #FBF2FA · #A9C5F5 · #DF9AAF · #5C8BDD · #68413C

Azure and Ballet Pink set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Sky (#A9C5F5): A luminous, dusty violet — the color of a velvet chair.
• Ballet Pink (#DF9AAF): A luminous, balanced rose — the color of pressed rose petals.
• Azure (#5C8BDD): A luminous, balanced violet — the color of twilight just after sunset.
• Cocoa (#68413C): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Balance. Tagged light, 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

• Aged Cerulean color palette (#EBF9F1, #92CFE1, #C7A0DB, #009CBB, #66404C)
• Lilac Pier color palette (#FFF1F5, #D3B8E7, #DBA387, #A672C8, #733D0C)
• Tempered Ash Station color palette (#FFF0FB, #E7D6D6, #B5AC97, #849FCA, #574751)
• Softworn Iris Villa color palette (#FEF1F8, #C0BEF0, #5EC5BE, #8780D1, #185854)
• Cobalt Station color palette (#FDF1FD, #8BB3E3, #AE9747, #3F74B3, #504D46)
• Timeworn Workshop color palette (#EFF6FF, #BBD7FF, #E1C386, #85AAE1, #3D5442)
• Tempered Studio color palette (#FFF0FB, #CEDAFF, #8C97CD, #5867A8, #2F365A)
• Washed Pier color palette (#FFF0F8, #A7A0FF, #FF5B5E, #754BFF, #6D131A)

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