Moss Field color palette — #ECF8F6 · #B1CEA7 · #CAA1CD · #609F49 · #5F4161

Kelly Green and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF8F6): a clean, paper-quiet neutral.
• Pistachio (#B1CEA7): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#CAA1CD): A luminous, dusty pink — the color of peonies in June.
• Kelly Green (#609F49): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#5F4161): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Tempered Cabin color palette (#E9FAF1, #CAC88F, #ACA8EA, #979020, #434B6A)
• Timeworn Lagoon color palette (#E8F9FC, #90D3CB, #E398AD, #00A296, #58455F)
• Weathered Studio color palette (#F5F7E8, #B5E4A9, #DCB7EB, #8AB67F, #62434B)
• Olive Meadow color palette (#EBF9F6, #97BC8E, #B186C2, #518145, #4C4A62)
• Muted Parlor color palette (#E6FAF7, #C7E4F4, #B9B6C5, #97A873, #3A5050)
• Timeworn Study color palette (#E1FCF8, #8EC08F, #8AA4DC, #C97973, #2D4845)
• Bronze Balcony color palette (#FDF1F5, #BBD2BE, #B69473, #976850, #394D41)
• Tempered Lagoon color palette (#EFF7F8, #BCDAC2, #508A7F, #2B545B, #1F2E31)

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