Moss Grove color palette — #F7F6E8 · #7EB43A · #9776C0 · #6D568A · #281910

Clover and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6E8): a clean, paper-quiet neutral.
• Clover (#7EB43A): A luminous, vivid green — the color of fresh herbs.
• Slate Blue (#9776C0): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6D568A): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#281910): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Pale Moss Thicket color palette (#F8F6E3, #94AD3E, #4881B9, #595996, #25140A)
• Powdered Mint color palette (#F1F8EA, #3FCC81, #A65B9D, #7F4E79, #261A07)
• Pale Lantern color palette (#F5F7E5, #8CCF7F, #7286C9, #844653, #451C25)
• Antique Bloom color palette (#EBFAEC, #4CCCD2, #26AFB6, #8A6BA4, #332D17)
• Hushed Chartreuse Studio color palette (#FFF2EA, #9BE18C, #1EA5A9, #83506D, #30332C)
• Weathered Thicket color palette (#E8FBEA, #00BCBB, #A743A4, #821160, #0E0E00)
• Mulberry Basin color palette (#E9FAF5, #5E8134, #385395, #741D5C, #3C252D)
• Tempered Garnet color palette (#E2F7F4, #579154, #006B79, #711D46, #001917)

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