Moss Atelier color palette — #F7F6E7 · #C3E19A · #C7ABF0 · #749837 · #3F3054

Olive Leaf takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Pistachio (#C3E19A): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#C7ABF0): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#749837): A luminous, balanced green — the color of new leaves after rain.
• Navy (#3F3054): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged light.

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

• Sunlit Emerald color palette (#F2F8E6, #A0E7BF, #E6A2CE, #39A06F, #4F2943)
• Amber Field color palette (#FFF3E3, #F4CE91, #99BAFD, #B37F07, #25375D)
• Gentle Basin color palette (#E7FAF4, #90AA6A, #A471C1, #517200, #4E385C)
• Worn Studio color palette (#F7F7DD, #C7E9D1, #C7C1CA, #AAAC7A, #4C5100)
• Mint Basin color palette (#F7F8DA, #98CD76, #73ADF4, #C07C82, #2D2D10)
• Bronze Balcony color palette (#FFF3E9, #F4D7B7, #BD9479, #965935, #35312B)
• Blush Thicket color palette (#E8FCE1, #32F5DD, #EF7097, #009283, #57092A)
• Tempered Mulberry color palette (#E1ECD7, #007E63, #960067, #003427, #040002)

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