Moss Field color palette — #EDF8F4 · #BBCC9C · #BCA5DB · #7B9A28 · #544568

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

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Pistachio (#BBCC9C): A luminous, dusty green — the color of fresh herbs.
• Mauve (#BCA5DB): A luminous, dusty violet — the color of a velvet chair.
• Olive Leaf (#7B9A28): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#544568): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Soft Emerald Atelier color palette (#E9F9F9, #9BD3BA, #D19BD3, #00A578, #5F4160)
• Tempered Amber Terrace color palette (#EDF9ED, #DBC097, #AEA8EA, #B2822F, #434B6A)
• Aged Celadon Veranda color palette (#E6FBF4, #C8DF9D, #D2B9F6, #9EB17B, #494A64)
• Ancient Lilac Hollow color palette (#F7F6EB, #A5B97F, #AB85CF, #667C32, #61434E)
• Antique Taupe Drift color palette (#EBF9F4, #CBE3EF, #BDB3BD, #BFA175, #375450)
• Timeworn Lagoon color palette (#EFF7F8, #E9C4E0, #518982, #29555C, #202E31)
• Wandering Pewter Balcony color palette (#FFF0F8, #BBD2BD, #B48FA2, #976567, #384D43)
• Weathered Fuchsia Garden color palette (#DFFDF8, #87D680, #D76AD0, #167E14, #5C1959)

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