Moss Grove color palette — #E4E0CD · #C3BC69 · #9DA700 · #687A00 · #314300
A conversation between Moss and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Bone (#E4E0CD): A whisper-light, dusty green — the color of new leaves after rain.
- Gold (#C3BC69): A luminous, balanced green — the color of new leaves after rain.
- Moss (#9DA700): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#687A00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#314300): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Moss Parlor color palette (#F1DDC2, #C7AB54, #889100, #4B6C00, #1A4B24)
- Muted Clover Orchard color palette (#E0EFD2, #98CD80, #59B452, #008D45, #004427)
- Powdered Amber Meadow color palette (#F2E2D2, #E5AC62, #CB8F00, #9D7600, #453700)
- Timeworn Balcony color palette (#D8FFF5, #B7D999, #7EB752, #4F7F00, #132800)
- Aged Moss color palette (#DEF4ED, #B1CA85, #31C2E8, #7BA100, #003C4B)
- Pale Emerald Loft color palette (#D7E9C8, #3E9C05, #0F861D, #005223, #001D0E)
- Hushed Amber Pier color palette (#CBEEE3, #97BE56, #00BCB9, #D87B06, #00342A)
- Hushed Bronze Workshop color palette (#F5E1EC, #E5B698, #CD8C6C, #AE624C, #442632)
Browse the whole catalog at Explore, or see today's palette.