Moss Grove color palette — #FCF3EE · #F9A78B · #9EAB4D · #609E76 · #27362A
Built around Moss, softened by Melon — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF3EE): a clean, paper-quiet neutral.
- Melon (#F9A78B): A luminous, balanced orange — the color of autumn markets.
- Moss (#9EAB4D): A luminous, balanced green — the color of new leaves after rain.
- Fern (#609E76): A luminous, balanced teal — the color of sea glass.
- Deep Forest (#27362A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged jewel, vibrant, 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
- Tempered Grove color palette (#FFF2EE, #FFAEB2, #D29D68, #848D54, #58383D)
- Patina Taupe color palette (#EEF8F2, #74C8E6, #ABA545, #719A6E, #293428)
- Aged Courtyard color palette (#F9F5E8, #B6BB67, #00B0A7, #298AAF, #31202C)
- Mallow Market color palette (#F5F4FF, #E3A3F2, #66A77B, #386F73, #16262F)
- Moss Courtyard color palette (#FFF3E7, #EF8E00, #34B40A, #008A7C, #002B1D)
- Worn Teal Boulevard color palette (#FDF1F8, #B2B4F4, #62BC96, #489AA5, #3E343F)
- Bronze Harbor color palette (#FEF2F4, #BE95C8, #A3812A, #187572, #3F2E32)
- Worn Stone Orchard color palette (#FBF3F3, #E0D8D3, #D5A4C0, #A2B4A8, #5A4F4F)
Browse the whole catalog at Explore, or see today's palette.