Washed Harbor color palette — #EFF7F5 · #D3DCDF · #ADAAB5 · #748B5D · #4C5552

Fern and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D3DCDF): a clean, paper-quiet neutral.
• Ash (#ADAAB5): a calm mid-gray that lets other colors speak.
• Fern (#748B5D): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#4C5552): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Driftwood Basin color palette (#ECF8F3, #ABC8C1, #678C6E, #4B6F60, #3C524D)
• Antique Basin color palette (#EAFAED, #95B189, #388776, #654C7D, #324E4C)
• Abyss Balcony color palette (#E0EEF0, #ACBCC2, #7393A6, #005049, #0F2326)
• Spruce Summit color palette (#DEEDEA, #8F9D9D, #4E797F, #083502, #000C0A)
• Mulberry Ridge color palette (#E9F9F7, #7CA47B, #3B779D, #733C6B, #5B3543)
• Denim Lantern color palette (#EBF7FE, #C1D6E6, #8FA8CD, #006579, #113749)
• Teal Veranda color palette (#EBF8F7, #E8F6BE, #A3DEAC, #2BB4B5, #1D4E51)
• Tempered Driftwood Coast color palette (#EFF7F6, #D4DBDF, #AFAAB6, #668D6B, #485654)

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