Washed Harbor color palette — #F8F0EA · #A5D3C1 · #637BAC · #005C57 · #22193B

Slate takes the lead with Peacock close behind in a set that reads as creativity and calm at first glance.

The five colors

• Cream (#F8F0EA): a clean, paper-quiet neutral.
• Pistachio (#A5D3C1): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#637BAC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005C57): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#22193B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cobalt Grove color palette (#FAF4EC, #AACEC1, #407BBA, #005E6B, #283864)
• Hazy Cobalt color palette (#FDEFE6, #66CBE9, #0075C4, #005342, #120D48)
• Patina Forest color palette (#F9EFEC, #C8E5CB, #5B96B1, #2F6D44, #392339)
• Washed Navy color palette (#D6E7E5, #00A8BA, #006F96, #203E84, #211E48)
• Iris Loft color palette (#FDF1F7, #BAD9F2, #7993D6, #007C79, #3E3358)
• Pale Delta color palette (#D5F1E4, #189ECD, #A66F00, #005D7C, #291800)
• Timeworn Cerulean Studio color palette (#EEE0DA, #3899A7, #004F73, #002D1B, #00001F)
• Weathered Atelier color palette (#D2EFE7, #0C81CC, #986000, #625800, #001913)

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