Moss Harbor color palette — #F7F6E7 · #BCD88C · #BFB0FF · #8EAB55 · #583648
A conversation between Moss and Lavender, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F6E7): bright and airy, almost weightless.
- Pistachio (#BCD88C): A whisper-light, balanced green — the color of new leaves after rain.
- Lavender (#BFB0FF): A luminous, balanced violet — the color of wild irises.
- Moss (#8EAB55): A luminous, balanced green — the color of new leaves after rain.
- Cocoa (#583648): A deep, shadowed, dusty rose — the color of a warm blush.
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 Jade Workshop color palette (#F3F7EA, #99DEB3, #B1B6FF, #52B67D, #3C3E66)
- Jade Coast color palette (#F3F7EA, #A9E6BA, #EFAFDF, #75BB8B, #654245)
- Sunlit Lilac Hollow color palette (#FAF6E0, #B7C96C, #B6A4FF, #C98DC4, #393831)
- Quiet Amber Chapel color palette (#FDF4E5, #EBC76F, #A6BAFF, #C2981B, #354066)
- Gentle Chartreuse color palette (#F9F7DE, #BEE576, #64CAE9, #7B954B, #033F4E)
- Tempered Courtyard color palette (#F8F6E4, #B9F5F1, #9AD7F2, #C6B07D, #4E5402)
- Powdered Lantern color palette (#E3F7F0, #9AAD64, #9B7CC5, #5B6E04, #2E1E41)
- Apricot Lagoon color palette (#FFF2EA, #E9CBA8, #E19973, #B27573, #403D36)
Browse the whole catalog at Explore, or see today's palette.