Washed Harbor color palette — #F2F2EB · #C5E3DA · #86A68B · #37786D · #273C2E

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2F2EB): bright and airy, almost weightless.
• Silver (#C5E3DA): A whisper-light, dusty teal — the color of sea glass.
• Sage (#86A68B): A luminous, dusty green — the color of new leaves after rain.
• Teal (#37786D): A full-bodied, dusty teal — the color of sea glass.
• Forest (#273C2E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Softworn Market color palette (#E0E0D0, #67AAA6, #006568, #003A30, #000E10)
• Aged Thicket color palette (#F0F3EC, #C2E4E8, #7F9FC4, #4A7664, #432E41)
• Driftwood Workshop color palette (#FBF3EF, #C3DFE3, #99D0CB, #729E84, #32564A)
• Patina Station color palette (#EAECD9, #47838B, #00434F, #001F1E, #000202)
• Washed Petrol Atelier color palette (#E8EBDF, #87BCD5, #0073A5, #004957, #00172B)
• Driftwood Terrace color palette (#F6F2E4, #C2BC9F, #968139, #6E5400, #2E2D1D)
• Cerulean Pier color palette (#F1F4E3, #9CDBED, #0090B6, #006168, #00293B)
• Timeworn Driftwood color palette (#FFEDEF, #BA89B5, #BD7967, #6178A7, #352124)

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