Moss Harbor color palette — #F6F8D8 · #95DB7C · #50C3FF · #4AB200 · #00405B
Clover takes the lead with Chartreuse close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F6F8D8): A whisper-light, dusty green — the color of fresh herbs.
- Chartreuse (#95DB7C): A whisper-light, balanced green — the color of a quiet forest floor.
- Sky (#50C3FF): A luminous, balanced blue — the color of deep harbor water.
- Clover (#4AB200): A luminous, vivid green — the color of new leaves after rain.
- Navy (#00405B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.
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
- Powdered Delta color palette (#EBF1DF, #88D2A4, #79B3FD, #00AD67, #063468)
- Washed Sunflower color palette (#FFF5D7, #D4CA40, #00CFDB, #A59B00, #004348)
- Lime Harbor color palette (#EFEEC7, #8FC955, #00C2C6, #DB8400, #203800)
- Misty Clover color palette (#F3FAD3, #B8F1EC, #61FBDB, #7BBA4C, #294E36)
- Misty Teal color palette (#EFF9E9, #91DEC8, #E4B56B, #00B998, #553E16)
- Moss Workshop color palette (#D0FDF4, #53B300, #008EC2, #2F6C00, #002435)
- Clover Harbor color palette (#DFFFE2, #8FEBA2, #37C562, #008C3E, #002C0F)
- Hazy Bloom color palette (#B5F2F4, #00CED4, #BDA800, #009BA0, #352E00)
Browse the whole catalog at Explore, or see today's palette.