Pine Villa color palette — #F8F2DD · #97B280 · #158039 · #00594E · #142600
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8F2DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#97B280): A luminous, dusty green — the color of fresh herbs.
- Olive (#158039): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#00594E): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#142600): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Weathered Fern color palette (#F3F3E2, #7EB78E, #007E63, #315803, #002911)
- Powdered Pine Harbor color palette (#EAFAEC, #9CAD54, #007E40, #005B6A, #383F17)
- Muted Delta color palette (#F7F1E8, #BDB395, #6C7D46, #235D71, #2F260B)
- Patina Forest color palette (#EEE5C8, #83A155, #006F1A, #00416D, #0F1A00)
- Sunlit Emerald Orchard color palette (#E2FDF0, #A0CA79, #319E50, #2D776B, #2F411D)
- Hushed Basin color palette (#F7F1E7, #97DEE0, #0093A9, #006450, #002938)
- Worn Archive color palette (#DFE1D3, #40896A, #004F46, #003039, #000B05)
- Moonless Villa color palette (#EFEED3, #236835, #003323, #050446, #000200)
Browse the whole catalog at Explore, or see today's palette.