Moss Harbor color palette — #F7F6E7 · #D9EFB9 · #D8BDFF · #86A846 · #4D3D63
Moss and Lavender set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F7F6E7): bright and airy, almost weightless.
- Celadon Mist (#D9EFB9): A whisper-light, dusty green — the color of a quiet forest floor.
- Lavender (#D8BDFF): A whisper-light, balanced violet — the color of twilight just after sunset.
- Moss (#86A846): A luminous, balanced green — the color of a quiet forest floor.
- Charcoal (#4D3D63): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Softness, Clarity. 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
- Antique Jade color palette (#F2F7EB, #BCF4D9, #EAB7F0, #37B283, #603942)
- Wandering Terrace color palette (#FBF4EB, #E5E2B4, #ADCDFF, #C98C1F, #563C55)
- Wandering Taupe color palette (#E9FAF3, #D2DBA5, #FFAEAD, #A6B064, #5C445B)
- Muted Courtyard color palette (#EAF9F4, #A3BB6B, #A88BBF, #6A7A46, #4A4A65)
- Antique Terrace color palette (#F7F7E2, #B8D79E, #CAAAEF, #BC8ECB, #393932)
- Timeworn Loft color palette (#F2F7EE, #D3D8CB, #539483, #175144, #171E12)
- Aged Fern color palette (#F7F7E4, #CEE3D3, #C7C8D3, #CEBA85, #4D580D)
- Patina Stone color palette (#F3F3E6, #A1BF7B, #52A8C9, #627C40, #19382B)
Browse the whole catalog at Explore, or see today's palette.