Moss Harbor color palette — #EFF7F3 · #CFDFE3 · #ADB8CC · #8D8F3F · #22332B

Built around Moss, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#CFDFE3): bright and airy, almost weightless.
• Ash (#ADB8CC): A luminous, dusty violet — the color of a velvet chair.
• Moss (#8D8F3F): A luminous, balanced green — the color of a quiet forest floor.
• Deep Forest (#22332B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Hushed Moss color palette (#F6F5EF, #D5DBD2, #B8C5B6, #9AA93E, #3D3B30)
• Weathered Alley color palette (#FBF2F6, #CDD9DD, #A6A3AF, #B67B44, #362A2F)
• Patina Emerald Boulevard color palette (#E5FAF9, #CDDFEC, #B5ACB6, #009754, #0A2A29)
• Muted Olive color palette (#ECF4F1, #C7DADE, #9CC0BA, #5F6C20, #15241F)
• Driftwood Coast color palette (#ECF9EF, #CDD5A8, #70956C, #4B6D54, #082F24)
• Weathered Abyss color palette (#DFEAEB, #A9BFC7, #7D95A7, #00473B, #000102)
• Wandering Thicket color palette (#DCFFEB, #B1E3DE, #6EB0AE, #7C6682, #422D45)
• Wandering Mulberry Summit color palette (#FFF1F7, #BCBC6A, #2D9270, #71386F, #002821)

Browse the whole catalog at Explore, or see today's palette.