Pine Villa color palette — #F8F6E4 · #8AB077 · #008025 · #734329 · #3B3B34

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

The five colors

• Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8AB077): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#008025): A full-bodied, vivid green — the color of a quiet forest floor.
• Bronze (#734329): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#3B3B34): quiet, heavy and certain.

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

• Muted Cypress color palette (#F2F9E3, #68B597, #007B68, #664B1B, #393C35)
• Muted Olive Parlor color palette (#FFF4DF, #ADA562, #6A6F00, #7B3940, #413C0A)
• Wandering Courtyard color palette (#E5E6D8, #5E9D64, #00663A, #5A320F, #282C04)
• Hazy Jade color palette (#FAF2DA, #87B865, #007F52, #5A4067, #232200)
• Worn Emerald Basin color palette (#E0FEEE, #9ECA81, #279D6B, #785C86, #2D4120)
• Tempered Chestnut Balcony color palette (#F6F6EE, #C1C49E, #5E8F66, #815F18, #4F5100)
• Faded Plum color palette (#FFE6D0, #B96800, #5C8000, #AD0066, #482706)
• Misty Mustard color palette (#FFF3E6, #E0E6B2, #CDB338, #AA5800, #583E18)

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