Dusty Harbor color palette — #ECF4EF · #DDD0CE · #C4B5B4 · #558069 · #223028

Fern takes the lead with Deep Forest close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Oat (#DDD0CE): a clean, paper-quiet neutral.
• Stone (#C4B5B4): a calm mid-gray that lets other colors speak.
• Fern (#558069): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#223028): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Dusty 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

• Aged Thicket color palette (#F5F0F6, #DED5D4, #C7B9B4, #5477A2, #312931)
• Stone Studio color palette (#F6F2E2, #9ABE9E, #647D5B, #385E53, #262916)
• Softworn Abyss color palette (#DCE6E2, #A99BA5, #8D747C, #003B53, #000603)
• Tempered Alley color palette (#D8F1D2, #A2C0B6, #A1848B, #635700, #35342D)
• Antique Cerulean Terrace color palette (#F0F6FA, #DADAE2, #C4BDCA, #3A9CBB, #3F4950)
• Weathered Courtyard color palette (#E4F7F0, #E4CBDB, #C89EA8, #006193, #041F18)
• Aubergine Field color palette (#F5E6EA, #BFAEAE, #A3867A, #572B76, #14060B)
• Weathered Cobalt color palette (#F0E3F1, #3176C3, #402933, #1C111D, #030805)

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