Moss Villa color palette — #F6E9BB · #CABF6B · #9C9800 · #647215 · #3F4B24
Built around Moss, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Custard (#F6E9BB): A whisper-light, dusty green — the color of fresh herbs.
- Honey (#CABF6B): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#9C9800): A luminous, balanced green — the color of new leaves after rain.
- Olive (#647215): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#3F4B24): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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 Coast color palette (#FFE5CC, #E7B066, #C68B00, #8B6B0A, #4B4841)
- Tempered Bloom color palette (#F0EDC0, #9FC983, #54AC43, #367B44, #484A43)
- Moss Studio color palette (#FFF3E8, #F3D28A, #A5AD4E, #567E42, #194C36)
- Tempered Moss color palette (#F9F8D4, #B5D792, #7AA74A, #446A21, #20320A)
- Sunlit Moss Garden color palette (#F8F6E6, #B1C07B, #00B7D9, #788B16, #034B5A)
- Muted Station color palette (#F7F7DE, #C8EAC8, #85DAD5, #99A271, #515503)
- Quiet Moss color palette (#E0E9C6, #8CAF00, #548700, #216000, #013D0A)
- Hushed Olive Coast color palette (#E4E5D2, #7A8500, #475800, #243400, #071800)
Browse the whole catalog at Explore, or see today's palette.