Washed Harbor color palette — #DCE5CA · #97AE92 · #3D7A8E · #754668 · #5D3B32

Charcoal Brown and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#DCE5CA): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#97AE92): A luminous, dusty green — the color of new leaves after rain.
• Slate (#3D7A8E): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#754668): A full-bodied, balanced pink — the color of neon signs at night.
• Cocoa (#5D3B32): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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

• Garnet Boulevard color palette (#EAE6C8, #9AA37D, #698168, #5B4A71, #612F3A)
• Cocoa Coast color palette (#D4EECE, #85A892, #856F87, #74424B, #543A13)
• Hushed Study color palette (#BDEDD8, #8DC1A0, #5093B6, #7E5E77, #593D53)
• Patina Chestnut Station color palette (#E8F4E1, #A0BCA5, #6C8F83, #825C58, #694900)
• Garnet Pier color palette (#D6E9EA, #5CABD5, #506AB7, #851F2A, #5D2F00)
• Timeworn Chestnut color palette (#C8F6E4, #90ADE1, #7E6F96, #804B24, #5E4A00)
• Washed Teal Studio color palette (#CFECE0, #3AB6AA, #007F81, #00515E, #193353)
• Hushed Cypress color palette (#F7F6E8, #85A582, #18744F, #425211, #35362F)

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