Moss Field color palette — #FBEEF1 · #CBA1D9 · #8FA851 · #876193 · #32312A

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

The five colors

• Blush (#FBEEF1): bright and airy, almost weightless.
• Mauve (#CBA1D9): A luminous, balanced pink — the color of a candy shop window.
• Moss (#8FA851): A luminous, balanced green — the color of new leaves after rain.
• Slate (#876193): A full-bodied, balanced pink — the color of peonies in June.
• Espresso (#32312A): a grounded near-black with real depth.

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

• Softworn Taupe color palette (#F9EEF9, #8FB5EB, #A89F4C, #4E73A7, #33312A)
• Patina Teal Lantern color palette (#FFEDEB, #E19CB1, #12B4A5, #A25670, #23371E)
• Washed Balcony color palette (#F4F4FF, #DBB1F3, #9ABE81, #9C7FAC, #32554E)
• Patina Moss color palette (#FFECF2, #AE8ACF, #829841, #4A8670, #352028)
• Washed Mallow Hollow color palette (#FFF1F5, #C3A0D9, #55A6B8, #846398, #365542)
• Wandering Driftwood Market color palette (#FCEDF2, #E4D5CD, #AAB598, #9C778F, #483739)
• Weathered Pewter color palette (#F8EFEF, #C2C995, #804F6D, #432929, #1A1111)
• Timeworn Chestnut color palette (#F8F1E2, #C2BD96, #8C8453, #784E08, #2C2E1C)

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