Moss Grove color palette — #E9FAF4 · #B9CC9E · #C0A3D9 · #789A3A · #4A486D

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

The five colors

• Ivory (#E9FAF4): bright and airy, almost weightless.
• Pistachio (#B9CC9E): A luminous, dusty green — the color of fresh herbs.
• Mauve (#C0A3D9): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#789A3A): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#4A486D): A full-bodied, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Emerald Loft color palette (#E8FAF8, #98D1CC, #E597AB, #599F65, #5A4361)
• Faded Amber Pier color palette (#ECF9EF, #DAC18D, #81B7E6, #B08400, #2E506D)
• Antique Summit color palette (#F7F6E5, #D3F3A2, #DCBDF5, #8EA270, #5B3C46)
• Taupe Orchard color palette (#E6FAF4, #CAE3F0, #B8B2BB, #AEA46F, #3C5653)
• Celadon Field color palette (#E7FAF5, #BDE39E, #91D1ED, #94B479, #315165)
• Washed Wisteria color palette (#E0FCF8, #93BE94, #A29CD6, #B978B1, #274A46)
• Olive Coast color palette (#F7F6E8, #A4B983, #CE8078, #647D32, #534B48)
• Aged Pewter color palette (#FFF1F7, #BDD1BD, #B68EA1, #99655E, #364E40)

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