Dusty Moss Harbor color palette — #F5F6EE · #D3D5AB · #7F9CCB · #709A59 · #342A33

Moss takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Wheat (#D3D5AB): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#7F9CCB): A luminous, dusty blue — the color of deep harbor water.
• Moss (#709A59): A luminous, balanced green — the color of new leaves after rain.
• Onyx (#342A33): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Dusty Moss 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 Ash color palette (#F2F7EF, #A4E0CE, #BE85B5, #459F88, #3B282A)
• Washed Jade Meadow color palette (#EFF7F5, #AEEEEE, #85B1EB, #80A867, #161F2A)
• Dusty Pine color palette (#EFF7F7, #9DCEAE, #3787AA, #248050, #223039)
• Dusty Meadow color palette (#F3F7F0, #D3DDDB, #AAB3B9, #92A283, #50544E)
• Navy Field color palette (#F8F9D1, #A3D7BE, #5AACAE, #3A76A2, #36427A)
• Hushed Bronze color palette (#FFF2ED, #8CCFAF, #6599BC, #9C5B3F, #3D4D3C)
• Aged Periwinkle Studio color palette (#EBF9F2, #70ADDF, #6981AD, #7F5D8C, #35342D)
• Faded Drift color palette (#F3F7EA, #46D993, #4D7CFA, #008E58, #2B1229)

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