Moss Atelier color palette — #FDF5DB · #918D28 · #7074B2 · #75508D · #3A3831

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

The five colors

• Custard (#FDF5DB): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#918D28): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#7074B2): A full-bodied, balanced violet — the color of a velvet chair.
• Slate (#75508D): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#3A3831): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Lagoon Ridge color palette (#F1F9E4, #40946B, #83609A, #634378, #31342D)
• Ancient Garden color palette (#F7F7E0, #83A46A, #A377AA, #965C75, #43433C)
• Washed Amber Chapel color palette (#FFF3E8, #BA773A, #2C85AC, #41619E, #3C3732)
• Worn Plum color palette (#DDFAEA, #999036, #008DB0, #9B4A7C, #002517)
• Soft Peony Terrace color palette (#FEF5DC, #AEA862, #00A8D2, #C25C9C, #3A3831)
• Softworn Fern color palette (#FEF4E2, #CEE6CB, #93D9D9, #9B715B, #584900)
• Dusty Basalt color palette (#FCF4E5, #AEA882, #82713B, #6E4828, #3A4200)
• Frosted Plum color palette (#D9ECCB, #008E73, #AE4259, #8A3A19, #203110)

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