Moss Grove color palette — #FDF1F8 · #BCBCF5 · #CEB287 · #81A860 · #483741
Built around Moss, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF1F8): bright and airy, almost weightless.
- Lavender (#BCBCF5): A luminous, dusty violet — the color of a velvet chair.
- Sand (#CEB287): A luminous, dusty gold — the color of honey in a jar.
- Moss (#81A860): A luminous, balanced green — the color of a quiet forest floor.
- Charcoal (#483741): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged light, 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
- Teal Villa color palette (#FFF1F2, #E1B1D8, #AFBE8E, #56ABA0, #4D3639)
- Patina Powder Boulevard color palette (#F0F6FF, #A7C2FF, #A0B87F, #778A5D, #293241)
- Emerald Quarry color palette (#FFF1F3, #E4B5E3, #D39B77, #62965C, #0B4960)
- Amber Garden color palette (#ECF8F4, #8DCBF3, #E1A4A2, #B59547, #2A433A)
- Linen Hollow color palette (#FDE9EB, #D88ED3, #95AB54, #00987F, #3A1C21)
- Frosted Delta color palette (#FFF1F5, #DAB4FF, #AF8E00, #00A26C, #361E4A)
- Bronze Quarry color palette (#FFF2EF, #D995A2, #B68475, #917729, #4E3632)
- Emerald Hollow color palette (#FFDBD2, #FF929F, #009B67, #0087A5, #3E0714)
Browse the whole catalog at Explore, or see today's palette.