Washed Harbor color palette — #F3F7EC · #A7D8C8 · #287EC7 · #004E66 · #000B24

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

The five colors

• Ivory (#F3F7EC): a clean, paper-quiet neutral.
• Oat (#A7D8C8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#287EC7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004E66): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000B24): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Antique Cerulean color palette (#F5F6ED, #B6D5B9, #008A99, #00524C, #000F14)
• Petrol Terrace color palette (#EEEFE4, #76C6CC, #007484, #003E3B, #000305)
• Cerulean Hollow color palette (#F5F6EE, #BEE8DD, #00A5B4, #006B61, #00232A)
• Pale Courtyard color palette (#DFF0EF, #60A6DA, #00599C, #003B4F, #021D47)
• Weathered Villa color palette (#D3E8DE, #00B490, #007667, #003C39, #000F0E)
• Periwinkle Alley color palette (#F3F7EB, #DAD5DF, #74B1FF, #0081B0, #1C3262)
• Denim Market color palette (#EDF0E5, #7EAE9C, #00598C, #002A35, #000104)
• Pale Cobalt color palette (#B5EFE4, #008E7F, #006EB9, #525B00, #000202)

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