Washed Harbor color palette — #FCF2F6 · #BDD8F0 · #7D91D6 · #007C7C · #40315B

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

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Powder Blue (#BDD8F0): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender Blue (#7D91D6): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007C7C): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#40315B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Wandering Pine Lagoon color palette (#FAF2F9, #BADBE5, #43A1C8, #008241, #1D3B63)
• Hushed Thicket color palette (#FFF0F8, #92D6F1, #198DF9, #007462, #2C1F78)
• Cobalt Atelier color palette (#F9F4ED, #A7CFC2, #3578CE, #005D6E, #4C3046)
• Wandering Hollow color palette (#FAF3F6, #DADEED, #9BB3D7, #419690, #4B506E)
• Chalky Wisteria color palette (#DBF6EC, #A1B259, #B477D7, #6B7B00, #452457)
• Wandering Forest Summit color palette (#F1E6F3, #8CBAC6, #00819F, #005E18, #00203E)
• Wandering Corridor color palette (#F4E3E8, #7696B5, #454BA7, #003B3E, #100020)
• Ancient Petrol color palette (#EBDFE7, #5DAFC2, #006CA7, #004C37, #080049)

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