Pine Villa color palette — #F2ECD2 · #7B9F5C · #007433 · #474900 · #1D1C00
Pine takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#F2ECD2): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#7B9F5C): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#007433): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#474900): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#1D1C00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Hushed Fern Villa color palette (#ECDCC4, #9F9452, #5B6800, #5B3F00, #231900)
- Ancient Jade color palette (#EEF2D5, #4DA681, #007064, #2B4F2B, #002115)
- Hushed Pine Orchard color palette (#E0FDF0, #89B069, #007333, #3D3F00, #030A00)
- Olive Harbor color palette (#F1E9D8, #65854B, #00523B, #382D00, #0F2000)
- Frosted Emerald color palette (#FBF5E1, #A7C87E, #4F9A56, #207969, #2F4114)
- Tempered Chapel color palette (#E9E1D1, #707C2F, #275100, #003425, #050700)
- Airy Mint Meadow color palette (#EAEFCD, #32C794, #008A7D, #336936, #003726)
- Dusty Lagoon color palette (#DAE9DF, #92B376, #00956D, #776202, #00211B)
Browse the whole catalog at Explore, or see today's palette.