Moss Garden color palette — #FDF1F8 · #A5A9E9 · #A49C40 · #696BA8 · #4F4D46
A conversation between Moss and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1F8): bright and airy, almost weightless.
- Mauve (#A5A9E9): A luminous, balanced violet — the color of wild irises.
- Moss (#A49C40): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#696BA8): A full-bodied, balanced violet — the color of wild irises.
- Charcoal Brown (#4F4D46): a grounded near-black with real depth.
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
- Powder Hollow color palette (#EDF2FF, #AAABF0, #A0A065, #6B6BA1, #18382B)
- Dusty Iris Quarry color palette (#FFF0F9, #BBBDFE, #C1B26D, #8485C2, #504D46)
- Patina Amber color palette (#EBF9F2, #7ABAD6, #C28C57, #247D9D, #524C46)
- Worn Moss Veranda color palette (#FFF1F1, #D29EB9, #7DA762, #9D587F, #4D4E46)
- Wandering Moss Alley color palette (#FFEFFF, #719AD0, #7B9636, #508559, #4A3D4B)
- Pewter Alley color palette (#FCF2F5, #9ACDB8, #695086, #49303A, #2D211F)
- Muted Stone Harbor color palette (#FFF0FD, #E8DAD7, #D7C09A, #749C88, #5B464D)
- Chestnut Atelier color palette (#FDF3E9, #C3B79A, #9C7951, #884C28, #4F4900)
Browse the whole catalog at Explore, or see today's palette.