Moss Harbor color palette — #FBF5E4 · #D6CF89 · #D1AAF6 · #ACA235 · #4B395C
Moss takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#D6CF89): A whisper-light, balanced green — the color of a quiet forest floor.
- Lavender (#D1AAF6): A luminous, balanced violet — the color of twilight just after sunset.
- Moss (#ACA235): A luminous, balanced green — the color of new leaves after rain.
- Charcoal (#4B395C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged light.
Use it as a design system
One click turns 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
- Faded Archive color palette (#FCF4E7, #E4CA7A, #8DC1FF, #B99C3D, #274465)
- Washed Jade color palette (#F5F6EA, #BDE1B3, #EBB3D9, #88B87A, #684043)
- Weathered Olive Garden color palette (#E6FBF2, #B5C06C, #A49ADD, #7E881C, #423B66)
- Powdered Mustard Basin color palette (#FCF6D6, #B7C966, #C89FF1, #C77EB2, #393831)
- Aged Taupe color palette (#FFF2EB, #EBCAA7, #D19F8F, #A97B72, #403D36)
- Worn Bloom color palette (#FCE4E3, #D8C3FF, #DCCA00, #64615A, #312C20)
- Lilac Delta color palette (#E6F7EC, #B6A456, #AD71C5, #766400, #341B3E)
- Weathered Fern Hollow color palette (#FDF5DC, #C9EDD3, #E8D5E4, #CBA683, #4D4C00)
Browse the whole catalog at Explore, or see today's palette.