Washed Harbor color palette — #FFF3E6 · #7CBFF5 · #4951F4 · #005557 · #3E1E63

A conversation between Iris and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#7CBFF5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Iris (#4951F4): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#3E1E63): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

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

• Sapphire Delta color palette (#F9ECE2, #89B9D2, #2662C7, #005049, #2D274D)
• Aged Cornflower Delta color palette (#FFF4E2, #9FD0FF, #4C85FC, #006E8A, #282967)
• Tempered Corridor color palette (#FFF2EC, #41CDD9, #0078A2, #005932, #072E6F)
• Muted Spruce color palette (#EBDFDC, #68ACAA, #006178, #00420D, #00203E)
• Cerulean Market color palette (#FBF3F0, #C6E6CB, #3895C0, #2E714C, #563F54)
• Weathered Periwinkle color palette (#ECFAEA, #BBDEFF, #87A6FF, #0095A8, #35206C)
• Dusty Plum Boulevard color palette (#FFE5EE, #CA0078, #006F8A, #2D4D7A, #400E26)
• Worn Loft color palette (#F5E9E4, #368E9B, #004160, #002415, #01032A)

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