Moss Villa color palette — #F7F0D5 · #8F8C00 · #516800 · #214500 · #00290D
Built around Olive Leaf, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F0D5): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#8F8C00): A luminous, balanced green — the color of new leaves after rain.
- Olive (#516800): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#214500): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#00290D): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Wandering Olive Studio color palette (#E9EECD, #578D00, #056314, #003D21, #001E14)
- Dusty Alley color palette (#F0DECF, #BB7C00, #785A00, #4D4300, #222700)
- Olive Pier color palette (#DDF2DA, #6FB05D, #287300, #144000, #010C00)
- Frosted Villa color palette (#F5DFC3, #B09600, #658500, #006B1B, #00291F)
- Teal Orchard color palette (#D6E6E3, #86D0AD, #00B5B2, #6C6D00, #022F15)
- Emerald Thicket color palette (#DAEFDA, #00A95E, #007657, #004941, #002323)
- Clover Basin color palette (#DAE9C9, #58C333, #009557, #006348, #003832)
- Quiet Pine Corridor color palette (#CAFAE1, #B2BE79, #729E44, #297B36, #25583D)
Browse the whole catalog at Explore, or see today's palette.