Dusty Harbor color palette — #FAF4EC · #D1E6C4 · #71AD8B · #916977 · #393932

Jade and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#D1E6C4): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#71AD8B): A luminous, balanced teal — the color of sea glass.
• Mocha (#916977): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#393932): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Chalky Jade Ridge color palette (#FDF4E6, #CFE2A2, #48A871, #7C5A94, #293307)
• Ancient Grove color palette (#EFF8F3, #B1E1D3, #8DBA89, #928BAA, #324841)
• Washed Harbor color palette (#EDF9F0, #A5B883, #468261, #565674, #2C4941)
• Weathered Onyx Chapel color palette (#ECECD6, #378C71, #00454A, #370022, #000201)
• Worn Garnet Bloom color palette (#FBF6DC, #6FB484, #006F68, #5E224B, #000B03)
• Dusty Aubergine Drift color palette (#EBE0C5, #709B67, #005B4A, #400959, #000200)
• Timeworn Delta color palette (#FBF3EE, #C1E3F0, #88C0F8, #2B967C, #373B62)
• Powdered Summit color palette (#FFF3E9, #FFC7A0, #58CCE7, #CE6B00, #00404C)

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