Pine Villa color palette — #F8F5EC · #9E9A6A · #3E8059 · #005F69 · #2E4265
A conversation between Fern and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5EC): bright and airy, almost weightless.
- Moss (#9E9A6A): A luminous, dusty green — the color of new leaves after rain.
- Fern (#3E8059): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005F69): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#2E4265): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Softworn Grove color palette (#FEF4E2, #C9C0A6, #979375, #62765C, #395651)
- Denim Corridor color palette (#F3F7ED, #76A487, #357C85, #2B5489, #5A3644)
- Olive Harbor color palette (#FAEFED, #C78795, #577F40, #344A7D, #3D1A27)
- Wandering Bloom color palette (#FDF1FA, #E89A8C, #4C9E83, #4B6B92, #39415D)
- Cypress Alley color palette (#F5F6EF, #CAE3DF, #5FA5B7, #007F7E, #375144)
- Bronze Workshop color palette (#FFF3E4, #A77100, #456500, #004B41, #5C0F00)
- Hazy Aubergine Orchard color palette (#D7F1D2, #007F77, #005277, #360088, #430037)
- Weathered Sand Lagoon color palette (#FDF1F7, #FFB38B, #B2AB74, #977BA1, #4E3A51)
Browse the whole catalog at Explore, or see today's palette.