Pine Villa color palette — #ECF2DA · #6DBD80 · #B47BC9 · #218745 · #472553

Built around Fern, softened by Wisteria — the whole palette hums with nature and growth.

The five colors

• Cream (#ECF2DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#6DBD80): A luminous, balanced teal — the color of shallow lagoons.
• Wisteria (#B47BC9): A luminous, balanced pink — the color of neon signs at night.
• Fern (#218745): A full-bodied, balanced teal — the color of shallow lagoons.
• Royal Purple (#472553): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Iris Corridor color palette (#F4EFD6, #A3B155, #9088E1, #6D7A00, #332E59)
• Blush Harbor color palette (#E9F2E1, #56BE9C, #D96E8C, #008667, #542231)
• Hazy Orchid color palette (#DCF5F1, #669E65, #A95FB0, #066113, #4D1F52)
• Chalky Quarry color palette (#EEF0E0, #9BE99A, #E983F5, #3C933F, #48264C)
• Washed Lagoon color palette (#E2EAC3, #58AA68, #B46CA7, #A55268, #292F0A)
• Tempered Plum color palette (#E8ECD3, #56AE56, #B44385, #05540E, #360022)
• Peony Terrace color palette (#D0EED1, #00B5B6, #F71C88, #007879, #59002C)
• Patina Lagoon color palette (#EFF8EC, #83D6CA, #DE9F8F, #499D92, #534B47)

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