Moss Harbor color palette — #F9F6E1 · #CEDCA2 · #CBA9F2 · #819500 · #422C58
A conversation between Olive Leaf and Lavender, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F6E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#CEDCA2): A whisper-light, dusty green — the color of fresh herbs.
- Lavender (#CBA9F2): A luminous, balanced violet — the color of twilight just after sunset.
- Olive Leaf (#819500): A luminous, balanced green — the color of fresh herbs.
- Royal Purple (#422C58): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Airy Studio color palette (#F3F7E8, #AEE4B9, #E5A0DD, #00A550, #4E284B)
- Powdered Courtyard color palette (#FCF4E7, #EED18E, #A5B6FF, #AB8300, #2E355A)
- Hazy Moss Canyon color palette (#E3FCF3, #97AB40, #9679BE, #5F6E10, #3D3E60)
- Worn Market color palette (#F8F6E3, #B4E7DC, #CDC9D2, #B0A654, #494900)
- Worn Peony color palette (#EDFAE5, #32F7CE, #EF6AAE, #009379, #580036)
- Weathered Taupe color palette (#FFF2EA, #F7D6B8, #C88F73, #925951, #35312B)
- Pale Blush Cabin color palette (#F8F7DE, #A9C879, #5CB1F8, #DD6483, #2F2C10)
- Blush Bloom color palette (#EBFAEB, #4DD6D7, #EF7F8D, #008789, #4C0A1A)
Browse the whole catalog at Explore, or see today's palette.