Moss Atelier color palette — #F6F8DB · #4AB600 · #00759A · #640078 · #230A00

Clover takes the lead with Royal Purple close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F6F8DB): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#4AB600): A luminous, vivid green — the color of new leaves after rain.
• Teal (#00759A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#640078): A deep, shadowed, vivid pink — the color of a candy shop window.
• Ink (#230A00): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged vibrant.

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

• Jade Thicket color palette (#EFFBD7, #00B76C, #006FB7, #6F005A, #1D0F00)
• Chalky Aubergine Corridor color palette (#FBF6D9, #8EA700, #007987, #520096, #2B0001)
• Quiet Studio color palette (#D4F2CA, #338300, #00546C, #4D006B, #431100)
• Chalky Sapphire color palette (#EDFAE1, #00B48D, #2B51F7, #770037, #161200)
• Indigo Terrace color palette (#EEFAE4, #00CBA2, #4E73EC, #960045, #272200)
• Linen Aubergine Corridor color palette (#E2FAE6, #008B95, #6213AC, #470B00, #010200)
• Worn Emerald color palette (#EAF3D2, #00974C, #4C4B54, #00332A, #000B03)
• Aubergine Lantern color palette (#C5EADE, #69830D, #540EA9, #4F0045, #1F001A)

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