Moss Garden color palette — #F7F7DE · #7BB247 · #9978BD · #4D722A · #4A395D
Clover and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F7DE): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#7BB247): A luminous, balanced green — the color of fresh herbs.
- Slate Blue (#9978BD): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#4D722A): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal (#4A395D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Linen Cabin color palette (#FFF4DC, #B5A00E, #7E82C8, #73660A, #3C3E62)
- Ancient Olive color palette (#F5F3E0, #98AE65, #B276A8, #596E20, #3C1737)
- Weathered Archive color palette (#EFFAE2, #38B989, #BC6B95, #187756, #5E3534)
- Powdered Loft color palette (#DFFDF4, #A5C479, #C78CCF, #6D8D3C, #543559)
- Dusty Moss Coast color palette (#F6F8D9, #49A02C, #497AC7, #975153, #383932)
- Weathered Taupe color palette (#FFF3E8, #C6A06B, #8F694A, #6F4636, #403D36)
- Tempered Plum color palette (#BFF4CF, #27AE66, #A80087, #005F32, #530042)
- Mint Harbor color palette (#FBE7DE, #AFC1FF, #00D09C, #35473D, #2C2F29)
Browse the whole catalog at Explore, or see today's palette.