Moss Grove color palette — #E9F5F1 · #91A64D · #3A605C · #2D3B37 · #1D2420

Built around Moss, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#E9F5F1): a clean, paper-quiet neutral.
• Moss (#91A64D): A luminous, balanced green — the color of fresh herbs.
• Pine (#3A605C): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#2D3B37): quiet, heavy and certain.
• Onyx (#1D2420): quiet, heavy and certain.

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

• Worn Fern Villa color palette (#F8F6E6, #A4B875, #595805, #2E2C1D, #110F08)
• Weathered Olive Harbor color palette (#E1F8EF, #758700, #234244, #1F2C27, #0F1715)
• Lagoon Station color palette (#D6E8EC, #00A59B, #315261, #1D3236, #101A1B)
• Olive Boulevard color palette (#F4F2E5, #AFC07A, #728441, #615500, #24211C)
• Muted Grove color palette (#E0FBFC, #6CC69E, #9B9BE7, #B9846E, #314747)
• Softworn Jade Studio color palette (#D0FAED, #B0DBA3, #5BAF73, #3F8867, #305458)
• Mallow Corridor color palette (#E8F9F8, #9AD4AF, #DE95CC, #5C9D75, #524763)
• Hushed Villa color palette (#D2F8FD, #00715E, #454047, #002A2D, #000C0E)

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