Moss Harbor color palette — #F6F6E7 · #C7C89C · #B7A5E7 · #6D9C50 · #624251
Moss takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F6F6E7): a clean, paper-quiet neutral.
- Pistachio (#C7C89C): A whisper-light, dusty green — the color of fresh herbs.
- Mauve (#B7A5E7): A luminous, balanced violet — the color of twilight just after sunset.
- Moss (#6D9C50): A luminous, balanced green — the color of new leaves after rain.
- Cocoa (#624251): A full-bodied, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.
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
- Amber Study color palette (#FAF4EB, #DBC18C, #86B6E9, #AD8526, #5C435F)
- Timeworn Thicket color palette (#F7F6E8, #C6E0A0, #CEBCF4, #9AB374, #604350)
- Lagoon Basin color palette (#F0F8ED, #8DD4C7, #DA9BBE, #00A291, #653F54)
- Lilac Summit color palette (#E7FAF4, #A3B982, #A887CF, #647D38, #494A68)
- Antique Fern Coast color palette (#F7F6E8, #CEE6D7, #D3C3D5, #B79769, #495509)
- Washed Cocoa color palette (#FFF3E9, #D8C8B1, #B69478, #9B6363, #564600)
- Dusty Lagoon color palette (#F1F8EE, #EEC7B8, #518A80, #185950, #262E23)
- Faded Blush color palette (#EBF2E1, #67BC96, #D76D96, #00875E, #591C36)
Browse the whole catalog at Explore, or see today's palette.