Moss Atelier color palette — #F2F5FF · #B2B1FF · #918B00 · #497E34 · #002933

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#B2B1FF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#918B00): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#497E34): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002933): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Airy Lantern color palette (#EFF6FF, #92AAFF, #AA9B00, #8E8100, #002622)
• Timeworn Canyon color palette (#F5F4FF, #D198FF, #5F9234, #2B8060, #031E2D)
• Wisteria Lagoon color palette (#F4F4FF, #D599FF, #BB9200, #218B4C, #00383C)
• Washed Amber color palette (#EAF8FF, #28CCF1, #C56700, #737D00, #002A21)
• Hushed Studio color palette (#D7FFF5, #C6B2FF, #ED68A6, #248F65, #45284F)
• Hushed Shell Bloom color palette (#FBF2FC, #FFA4B5, #5FBBB3, #54918B, #2F3442)
• Blush Workshop color palette (#FBE7FF, #FF608C, #00A837, #00835A, #100C35)
• Hushed Magenta Workshop color palette (#EBE7FB, #D051FF, #007A2B, #005D50, #000A15)

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