Pine Villa color palette — #FDF2EF · #C0767A · #3A7D33 · #284C7C · #42332F

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

The five colors

• Ivory (#FDF2EF): bright and airy, almost weightless.
• Dusty Rose (#C0767A): A luminous, balanced red — the color of embers at dusk.
• Olive (#3A7D33): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#284C7C): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#42332F): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Bronze Lantern color palette (#FCF3EC, #A86F44, #007572, #5B4572, #3A342F)
• Antique Fern Delta color palette (#FEF1F7, #9281C5, #6D6600, #0B5C6C, #3C2C34)
• Driftwood Dune color palette (#F8EEF7, #BD6D64, #70652A, #5A4871, #1D1622)
• Bronze Loft color palette (#FDF4E5, #D19693, #94702B, #415985, #6E3707)
• Hushed Coral Alley color palette (#FFF2ED, #E1827E, #918444, #8A6071, #403130)
• Tempered Bronze color palette (#FBF3F0, #DDDBD2, #9EB1AB, #B16F50, #58514E)
• Muted Bloom color palette (#FBEFE5, #AB6C31, #3F3C35, #30261D, #181510)
• Tempered Corridor color palette (#FEF3E9, #F6D4CB, #FFB68A, #92974F, #47423C)

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