Moss Villa color palette — #F2F0E2 · #979300 · #5D6500 · #384600 · #172700
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F0E2): bright and airy, almost weightless.
- Moss (#979300): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#5D6500): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#384600): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#172700): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Amber Villa color palette (#F8E9DB, #B89000, #636300, #073F05, #00170C)
- Dusty Amber color palette (#FAEAD9, #B67D00, #876100, #4F3E00, #2A2200)
- Moss Quarry color palette (#E1E0CB, #6D9600, #0081A1, #425D00, #001E28)
- Frosted Emerald Orchard color palette (#E9F1E3, #33A000, #007C2E, #004A23, #002918)
- Worn Lagoon color palette (#E4EFDF, #4BB700, #287300, #174100, #020A00)
- Ancient Drift color palette (#E0E3C1, #73E08C, #43B88E, #617624, #212401)
- Dusty Grove color palette (#E1EED8, #518600, #00787B, #7E4A00, #091600)
- Lime Loft color palette (#F0F3B9, #B3C758, #809B39, #57733D, #4A4B44)
Browse the whole catalog at Explore, or see today's palette.