Moss Villa color palette — #FFF4E2 · #A0AD2C · #3C7A33 · #6D405A · #3C3B34
Gold takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Gold (#A0AD2C): A luminous, balanced green — the color of new leaves after rain.
- Olive (#3C7A33): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#6D405A): A full-bodied, dusty pink — the color of peonies in June.
- Charcoal (#3C3B34): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Moss Villa 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
- Ancient Jade color palette (#FBF6D8, #71B67F, #007B67, #674262, #3A3B34)
- Airy Studio color palette (#FFEFD9, #9FB16A, #078047, #593F6C, #1D2400)
- Moss Canyon color palette (#ECE4D3, #789936, #006631, #592E3F, #2D2A0B)
- Emerald Cabin color palette (#EAFAED, #AEC67B, #3D9B69, #7B5990, #344017)
- Indigo Parlor color palette (#FFF5D7, #AFA725, #5A60D0, #645F00, #2F3468)
- Chestnut Thicket color palette (#F6F6EA, #84BF9E, #3E8179, #844629, #394A00)
- Airy Studio color palette (#EDFFAE, #AEB400, #627300, #393D00, #222600)
- Hushed Boulevard color palette (#FFEAD9, #C68C00, #7F6D00, #4F5800, #2A4700)
Browse the whole catalog at Explore, or see today's palette.