Pine Villa color palette — #ECF9EF · #B2AA6B · #50874A · #4D577D · #384D45
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Sage (#B2AA6B): A luminous, balanced green — the color of new leaves after rain.
- Fern (#50874A): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#4D577D): A full-bodied, dusty violet — the color of wild irises.
- Charcoal (#384D45): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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
- Lagoon Ridge color palette (#ECF9EF, #81B78B, #168883, #6B4C73, #344D4E)
- Taupe Delta color palette (#FFECF5, #C8A664, #518569, #594A6D, #1E3129)
- Muted Atelier color palette (#EBFAEE, #D09A78, #8A762B, #226277, #544248)
- Aged Mustard Hollow color palette (#FFF2E9, #DBB878, #65A27F, #8B6071, #4A4841)
- Lagoon Workshop color palette (#EFF7F6, #9FCACC, #3F9187, #5A6B5A, #395254)
- Weathered Chartreuse color palette (#E9FAF3, #C3E9C8, #C2D86A, #58A582, #31534A)
- Turquoise Field color palette (#F1F7F2, #D4DFF1, #60A3C1, #2A7D78, #405568)
- Muted Quarry color palette (#E8F5F1, #6F882A, #254340, #1E2C28, #0E1716)
Browse the whole catalog at Explore, or see today's palette.