Washed Harbor color palette — #F0F6FB · #DADAE4 · #C5BCD0 · #317DA1 · #3F4951

A conversation between Cerulean and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#DADAE4): bright and airy, almost weightless.
• Stone (#C5BCD0): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#317DA1): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F4951): a grounded near-black with real depth.

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

• Indigo Terrace color palette (#F3F5FC, #E3D5E6, #C2B6D0, #6759B7, #3B3F4E)
• Hushed Cypress color palette (#EBF4F1, #DDD0CF, #C7B5B9, #528071, #252F2B)
• Wandering Cypress color palette (#E8FAF5, #83BBBC, #1F847D, #425D71, #294949)
• Denim Coast color palette (#EEF6FF, #CBD2E5, #B699CA, #005AA8, #283442)
• Wandering Coast color palette (#DBE2E9, #A0AABB, #797C9E, #003B5E, #09151F)
• Hushed Driftwood Field color palette (#E9F8FF, #9FB6D2, #9376A1, #62683F, #39514F)
• Dusty Terrace color palette (#EAE9F3, #BCB6C3, #A083A0, #642173, #1F1D2C)
• Powdered Lilac color palette (#EEF6FF, #9EF5FF, #7AB9FF, #A66BB6, #2F3A53)

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