Moss Workshop color palette — #FFD7F0 · #A9AFFF · #778F00 · #058241 · #1A1A3E

A conversation between Olive Leaf and Fern, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFD7F0): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#A9AFFF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#778F00): A luminous, balanced green — the color of fresh herbs.
• Fern (#058241): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#1A1A3E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Frosted Emerald color palette (#FFE2F1, #B69FFF, #299609, #007960, #001A11)
• Airy Bronze color palette (#D5E6FF, #8AB9FF, #AD7700, #727000, #071E40)
• Gentle Emerald color palette (#F6D9FF, #E58FFF, #009E34, #00806D, #2C1433)
• Softworn Grove color palette (#FEDDED, #AB94FF, #A98500, #007678, #002A2B)
• Weathered Violet color palette (#E3E1FF, #8B65FF, #987000, #256800, #20173E)
• Muted Rose color palette (#B8F6D0, #AFA1FF, #FD1B78, #007D72, #391A42)
• Wisteria Orchard color palette (#FED0DC, #CC68FA, #00A88E, #008772, #2D0F19)
• Powder Canyon color palette (#FFF0F8, #C2B7FF, #A5C190, #9D9C74, #473840)

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