Moss Grove color palette — #F7F3FF · #E6A1D1 · #9F8A00 · #00677B · #1D284F
A conversation between Moss and Carnation, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F3FF): a clean, paper-quiet neutral.
- Carnation (#E6A1D1): A luminous, balanced pink — the color of neon signs at night.
- Moss (#9F8A00): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#00677B): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#1D284F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
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
- Wandering Moss color palette (#FAF2FB, #FCB6BE, #7DA95D, #4C6D97, #343550)
- Hushed Chapel color palette (#F2F5FF, #B5B1F9, #CB6D30, #006C58, #003042)
- Hazy Pier color palette (#FEF0FA, #FF9D81, #00A182, #614D93, #2E2447)
- Hushed Apricot Lagoon color palette (#FFF2EC, #FFA28F, #C4974B, #708646, #4D2947)
- Fern Pier color palette (#FFF2EE, #B97179, #6B6618, #005356, #392F5C)
- Lilac Summit color palette (#FDEDF0, #B372B4, #556E35, #00446F, #002038)
- Tangerine Coast color palette (#FFEFFF, #FFC6B3, #E8801F, #9C680F, #254931)
- Misty Aubergine color palette (#FFF1F6, #DD934E, #008788, #6C2C6A, #2E0B2A)
Browse the whole catalog at Explore, or see today's palette.