Dusty Harbor color palette — #FDF4E2 · #CFCF89 · #9AA959 · #89827C · #37352F
Moss and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FDF4E2): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#CFCF89): A whisper-light, balanced green — the color of fresh herbs.
- Moss (#9AA959): A luminous, balanced green — the color of new leaves after rain.
- Driftwood (#89827C): soft and architectural.
- Espresso (#37352F): a grounded near-black with real depth.
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
- Hushed Courtyard color palette (#FBF5E3, #C5DB65, #8AB551, #8C8C5C, #373F14)
- Ancient Teal Lantern color palette (#F4F7E5, #93DDB0, #5BB492, #86837C, #343630)
- Tempered Stone Corridor color palette (#FDF4E5, #B2BC76, #628E5B, #825556, #37352F)
- Sunlit Field color palette (#F7EED7, #D6C000, #F18DA9, #A19330, #522532)
- Misty Lime color palette (#ECF9C0, #C6DA6D, #9FB037, #707819, #202300)
- Hushed Alley color palette (#FAE6C7, #E9B20F, #B89600, #887C0F, #434004)
- Fern Quarry color palette (#F4F7EA, #B9EBD1, #A9BD99, #A09A83, #415612)
- Tempered Lime Study color palette (#EFE5BE, #AFB80C, #00BFA7, #CE7F56, #322B10)
Browse the whole catalog at Explore, or see today's palette.