Moss Grove color palette — #F7F6E4 · #8AAD5A · #887EC6 · #52711E · #583649
Moss and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8AAD5A): A luminous, balanced green — the color of fresh herbs.
- Slate Blue (#887EC6): A luminous, balanced violet — the color of wild irises.
- Olive (#52711E): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#583649): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Creativity, 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
- Jade Terrace color palette (#F1F9E3, #3BBA7A, #AA72AE, #13784A, #533655)
- Amber Balcony color palette (#FFF4E3, #C6972B, #7085CF, #825F00, #55364F)
- Moss Quarry color palette (#FEF6D5, #8B9010, #9E5FA8, #815688, #3A3831)
- Pale Coral Garden color palette (#E3F7EF, #A3AA62, #C96F75, #656B00, #41181C)
- Misty Basin color palette (#F8F6E4, #ACC17F, #53B3D0, #748B3B, #004A5C)
- Raspberry Field color palette (#E7FED6, #00AC8C, #C74A83, #006C57, #631A3D)
- Taupe Thicket color palette (#FFF2EB, #C99E6A, #9B624B, #6C473F, #403D36)
- Tempered Fern Delta color palette (#FAF6E0, #C9EFD0, #93CBD9, #9F7D59, #4E5402)
Browse the whole catalog at Explore, or see today's palette.