Pine Villa color palette — #F2F4DE · #6DBC81 · #007F53 · #315727 · #1E2305

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

The five colors

• Cream (#F2F4DE): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#6DBC81): A luminous, balanced teal — the color of glacier melt.
• Teal (#007F53): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#315727): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#1E2305): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Washed Fern color palette (#F4F2E6, #B7B68B, #578250, #4B5D19, #292816)
• Faded Jade Canyon color palette (#E4E8CB, #3EAD6A, #006C4A, #004940, #001C0A)
• Muted Olive Coast color palette (#F6F1E7, #A4A467, #5E6D00, #474740, #221B04)
• Softworn Emerald Coast color palette (#D9FEF8, #7CD191, #009F69, #567250, #204429)
• Teal Drift color palette (#DEEFED, #00ABB0, #008089, #004D59, #002C37)
• Aged Olive color palette (#EBE3CA, #718127, #324D00, #073310, #070900)
• Weathered Terrace color palette (#F2F3E4, #9ADDE6, #0092AB, #006261, #002A37)
• Chalky Amethyst color palette (#C1EDFF, #0090B6, #7C46F5, #007448, #001B25)

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