Dusty Harbor color palette — #ECF4F0 · #DAD1D0 · #A69C92 · #5E8F7C · #313835

A conversation between Fern and Taupe, giving this palette its sense of sophistication.

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Oat (#DAD1D0): a clean, paper-quiet neutral.
• Taupe (#A69C92): a calm mid-gray that lets other colors speak.
• Fern (#5E8F7C): A luminous, dusty teal — the color of glacier melt.
• Charcoal (#313835): quiet, heavy and certain.

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

• Ancient Alley color palette (#F6EFF5, #DDD4D4, #BAADA4, #7182A8, #3A3439)
• Tempered Spruce Harbor color palette (#F1F3EA, #BCC8AE, #758A6F, #53675A, #253800)
• Weathered Onyx Archive color palette (#DCEBE7, #958993, #7E6172, #002C4A, #000201)
• Dusty Harbor color palette (#D8FBF0, #CEB8C6, #A2888E, #8E6124, #564100)
• Turquoise Drift color palette (#F0F6FA, #D9D9DF, #B8AFB8, #66A4C7, #4B545A)
• Washed Sky Basin color palette (#FBF0E1, #7CB2DA, #71749D, #71462B, #362536)
• Hushed Studio color palette (#F7EFF4, #DFD3D2, #C9B0B5, #5A608F, #261D23)
• Antique Market color palette (#ECDBE0, #AF9A9C, #937371, #4E116C, #0F0004)

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