Moss Workshop color palette — #ECF8F5 · #9AD1C4 · #A8AAEA · #749A47 · #48496D

A conversation between Moss and Mauve, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Pistachio (#9AD1C4): A luminous, dusty teal — the color of sea glass.
• Mauve (#A8AAEA): A luminous, balanced violet — the color of wild irises.
• Moss (#749A47): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#48496D): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Moss Workshop 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

• Tempered Amber color palette (#EDF8F0, #D6C390, #AFA9E5, #A78829, #434B6B)
• Patina Emerald Atelier color palette (#E7FAF8, #A4D1B0, #DF9AB0, #529F6C, #6A3E4D)
• Aged Straw color palette (#E8FAF3, #CFDF88, #D1B9FB, #A4B06C, #494B64)
• Lilac Quarry color palette (#F8F6E7, #ABB873, #A088DA, #6F7A32, #624251)
• Taupe Grove color palette (#ECF9F3, #CCE4F0, #BBB4BF, #C8A081, #415752)
• Pewter Hollow color palette (#FDF1F8, #BDD1BC, #B28FA4, #85698A, #3B4D43)
• Tempered Lagoon Coast color palette (#EAF8FA, #E8C4DE, #54878D, #25555B, #212E30)
• Linen Blush Delta color palette (#DAF5F3, #70BC86, #E073A8, #008040, #561D3B)

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