Moss Garden color palette — #FBEDF3 · #B8A9E0 · #9CA350 · #7864A4 · #33312A

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

The five colors

• Blush (#FBEDF3): a clean, paper-quiet neutral.
• Mauve (#B8A9E0): A luminous, dusty violet — the color of twilight just after sunset.
• Moss (#9CA350): A luminous, balanced green — the color of fresh herbs.
• Slate (#7864A4): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#33312A): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Feathered Teal Dune color palette (#FCEEF1, #CBA1D9, #2FB494, #8A5E99, #28361C)
• Hushed Archive color palette (#E8F5F1, #84B9EA, #CC8D3F, #3A76AA, #35302B)
• Lilac Coast color palette (#FFF1F6, #B9A2E3, #C88673, #7B679C, #534B47)
• Softworn Mallow Grove color palette (#F2F4FF, #C7B9F8, #ABB97D, #8F83B8, #30564A)
• Moss Lantern color palette (#FFECF5, #9C93CC, #979139, #52875C, #32212A)
• Cerulean Study color palette (#FDEDF4, #E5D4CE, #9BAB9B, #748FB2, #4A3B3F)
• Pewter Lagoon color palette (#FBEEF0, #BBCA9F, #7D4E7B, #46262C, #1B1012)
• Mulberry Loft color palette (#FEEDEC, #D688A9, #00A0AA, #95466A, #112E18)

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