Pine Villa color palette — #E9F5EE · #9BA67B · #487139 · #0D4B6E · #00231A

Olive and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E9F5EE): bright and airy, almost weightless.
• Sage (#9BA67B): A luminous, dusty green — the color of new leaves after rain.
• Olive (#487139): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#0D4B6E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#00231A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, 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 Thicket color palette (#E6F6F4, #73ABAF, #00746C, #453D73, #002123)
• Airy Olive Bloom color palette (#E3F8EB, #A3AF71, #427C0F, #673178, #1F2400)
• Timeworn Boulevard color palette (#FFF3E7, #A39D62, #42712E, #663D48, #38352E)
• Forest Lantern color palette (#DCEFE6, #7E975E, #196627, #561D56, #0C1600)
• Aged Hollow color palette (#FAF5E8, #ADBC83, #579241, #396989, #37362F)
• Hushed Cerulean color palette (#EBF5ED, #A8CFDB, #008B9F, #005D4A, #002532)
• Forest Dune color palette (#D9F2E7, #698153, #00531F, #002A51, #040A00)
• Muted Driftwood color palette (#FEF1F6, #B4DBC3, #779559, #77557A, #102F1E)

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