Pine Villa color palette — #F9F5E8 · #A1B890 · #478355 · #824920 · #474500

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

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Sage (#A1B890): A luminous, dusty green — the color of new leaves after rain.
• Fern (#478355): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#824920): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#474500): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, 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

• Chestnut Loft color palette (#F5F6ED, #B8C7A6, #3D9186, #865C1D, #3F5614)
• Olive Pier color palette (#FCF4E4, #9FAB66, #427A17, #5E5009, #3C3B34)
• Wandering Stone color palette (#F7F1E4, #9CBF91, #4A8271, #684C51, #282913)
• Fern Market color palette (#F7F6E3, #CAE8D2, #80DBD5, #818149, #4D5200)
• Quiet Olive Alley color palette (#F6F8D7, #9ECA8C, #3E8222, #2B5103, #163510)
• Powdered Emerald color palette (#EDEECD, #36AA68, #006A54, #623700, #00381B)
• Patina Cobalt color palette (#F8F7DE, #73954D, #1A7ED1, #9A4D5B, #393831)
• Aged Atelier color palette (#EBF9F3, #B2E1D4, #98B68D, #809782, #2A4942)

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