Pine Villa color palette — #F3F4FF · #C7A0FF · #9A8000 · #117C2F · #211233
A conversation between Olive and Lavender, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Lavender (#C7A0FF): A luminous, balanced violet — the color of a velvet chair.
- Olive Leaf (#9A8000): A luminous, balanced green — the color of fresh herbs.
- Olive (#117C2F): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#211233): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns 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
- Hazy Amber color palette (#F0F5FF, #9AB3FF, #C06800, #666E00, #0C1A35)
- Misty Lantern color palette (#F7F3FF, #FF7FEA, #798D00, #00786A, #1F1430)
- Moss Thicket color palette (#F2F5FF, #CABBFF, #5EA74A, #008E6F, #2E224C)
- Powdered Fuchsia Harbor color palette (#F8F2FF, #FF74CC, #AB7000, #006140, #002243)
- Softworn Workshop color palette (#F5F4FF, #C857F0, #847300, #006249, #001026)
- Misty Rose color palette (#FFF4DE, #FF94E4, #E1465B, #0A6B26, #3E1A2B)
- Timeworn Chapel color palette (#FFECF1, #9A5CBC, #8C6200, #005837, #1D0928)
- Softworn Blush Drift color palette (#FFF1F3, #FF648B, #008359, #005F70, #200008)
Browse the whole catalog at Explore, or see today's palette.