Pine Villa color palette — #EEF8F1 · #8DBBAC · #4E8157 · #40634D · #294A40

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Sage (#8DBBAC): A luminous, dusty teal — the color of sea glass.
• Fern (#4E8157): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#40634D): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#294A40): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, 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 Forest Cabin color palette (#EBF9F0, #77A697, #3F7046, #005756, #1A3D33)
• Aged Chestnut color palette (#EBF8F6, #92B7BA, #388081, #7D4A39, #1D4A4D)
• Tempered Moss color palette (#EBF9F3, #BBCC9E, #769D5A, #4F7D6B, #2C4941)
• Frosted Lagoon Field color palette (#BEF5E9, #7DC199, #008B7A, #006667, #214668)
• Lagoon Dune color palette (#E4FAFF, #D7DDE8, #B0C5ED, #569065, #2F5361)
• Ancient Coral color palette (#E8F9FC, #54B2A4, #C46A7B, #007669, #60333B)
• Olive Atelier color palette (#F4F2E9, #BAB58B, #5E8145, #655400, #2B2811)
• Antique Emerald Alley color palette (#D1F5E7, #5BA660, #006A54, #414800, #093810)

Browse the whole catalog at Explore, or see today's palette.