Muted Pine Villa color palette — #E6FCEA · #A2A96D · #457837 · #4E497C · #3B3E10
A conversation between Olive and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6FCEA): A whisper-light, dusty teal — the color of sea glass.
- Sage (#A2A96D): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#457837): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#4E497C): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#3B3E10): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Muted Pine 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
- Washed Studio color palette (#D6F5DA, #98972B, #336A00, #423776, #303000)
- Cypress Villa color palette (#E8FBF1, #71A79D, #2F7153, #554165, #1B3C36)
- Softworn Pine Pier color palette (#F4F3E2, #96B285, #307E34, #00575B, #112701)
- Muted Emerald color palette (#E1FCF4, #A4C792, #509A53, #00787E, #2C421F)
- Stone Lagoon color palette (#EDF9F0, #A3CBBD, #618A86, #626478, #3D524B)
- Pine Alley color palette (#E0F5ED, #4B8B55, #005141, #3E2143, #012208)
- Airy Aubergine color palette (#F5F4FF, #CE7DE4, #009758, #790A91, #004726)
- Hushed Lantern color palette (#FFF0FB, #A5D7E8, #008DAE, #006A49, #00446B)
Browse the whole catalog at Explore, or see today's palette.