Washed Harbor color palette — #D8EEE2 · #7DB0B7 · #327D80 · #3C4D63 · #242C3F

Built around Teal, softened by Blue Fog — the whole palette hums with calm and sophistication.

The five colors

• Honeydew (#D8EEE2): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#7DB0B7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#327D80): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#3C4D63): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#242C3F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Dusty Coast color palette (#C2F1FC, #96BDCD, #6C93AB, #565D79, #363651)
• Turquoise Terrace color palette (#CBFDFF, #00C3C9, #007880, #00383C, #000F10)
• Muted Studio color palette (#CBF2E0, #00A884, #007665, #00514A, #002B2B)
• Worn Ridge color palette (#D6EFE5, #1F9185, #005F65, #1F2F4B, #0F052D)
• Cobalt Field color palette (#E7F5F5, #9FCDF3, #497FB8, #005774, #0F2138)
• Pewter Drift color palette (#DFE2C1, #98AB85, #5B7F63, #66486C, #603936)
• Azure Lantern color palette (#C7F3FC, #43A9D5, #3571A8, #55306A, #360A33)
• Wandering Stone color palette (#C7EED0, #A0C59F, #6C99AF, #8C5E63, #513E54)

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