Washed Harbor color palette — #FFF1F6 · #D9DDFA · #7C89E1 · #00696D · #280E40

Lavender Blue takes the lead with Deep Indigo close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Thistle (#D9DDFA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender Blue (#7C89E1): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#00696D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#280E40): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged coastal, cool, 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

• Frosted Azure color palette (#FCF2F9, #B9F0FF, #4999D6, #006D52, #121747)
• Softworn Periwinkle Basin color palette (#F2EEE7, #B2D8FA, #72A3F9, #008CAC, #242855)
• Worn Petrol color palette (#F7EDE2, #7DB7EA, #5561A8, #004F52, #342548)
• Soft Workshop color palette (#F0F5FF, #819FF9, #A25E00, #6C5900, #040828)
• Weathered Canyon color palette (#FBF2F9, #9BD8E2, #0083BC, #005437, #010039)
• Aged Pine color palette (#FAF2FB, #D3D4E4, #41B4E0, #008541, #182F4D)
• Worn Grove color palette (#EDF7FF, #5CB3F1, #BE8600, #0069A0, #231500)
• Aged Denim color palette (#EBE0EA, #66B0B8, #005C7F, #002D18, #000107)

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