Moss Atelier color palette — #FCF4E7 · #DCC5F7 · #D39AB9 · #899349 · #593F45

Moss and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Lilac Frost (#DCC5F7): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#D39AB9): A luminous, dusty rose — the color of a warm blush.
• Moss (#899349): A luminous, balanced green — the color of fresh herbs.
• Cocoa (#593F45): A deep, shadowed, dusty red — the color of late-summer berries.

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

Use it as a design system

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

• Aged Amber Meadow color palette (#FFF4E3, #B5D2FE, #B4A3DC, #B48043, #554050)
• Muted Lagoon Delta color palette (#FDF4E6, #F5C2BD, #DC9C8C, #519D7D, #5C4039)
• Lagoon Ridge color palette (#FFF1F5, #D6BBE7, #D99877, #649561, #1B4761)
• Blush Grove color palette (#E7F9FA, #CFDCFF, #CE89B0, #487F6A, #3B3E50)
• Hushed Taupe Quarry color palette (#FFF1F4, #EED7D7, #DEB8AD, #A1A079, #4A5640)
• Timeworn Mallow Courtyard color palette (#FEEDEF, #D6A2D5, #907371, #654D51, #281F22)
• Gentle Pine color palette (#FDECD2, #EAA1C3, #D07D70, #008A5A, #4C1F2C)
• Antique Blush Bloom color palette (#FFF4E2, #F898F5, #F86187, #399100, #522141)

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