Pine Villa color palette — #FFF0FB · #8894CB · #B77667 · #388958 · #513A4B

Fern and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Blue Fog (#8894CB): A luminous, balanced violet — the color of wild irises.
• Caramel (#B77667): A luminous, balanced orange — the color of toasted spice.
• Fern (#388958): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#513A4B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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 Olive color palette (#E5FBF3, #669EC9, #B67285, #6B802B, #2A4A40)
• Tempered Canyon color palette (#FFF1F4, #AF88B5, #A7833E, #01868E, #55393F)
• Aged Pier color palette (#EFF6FF, #92B1EE, #ACA95D, #739765, #384354)
• Muted Violet Workshop color palette (#FFE2EF, #8B63DB, #AC5900, #00715E, #342751)
• Tempered Cerulean color palette (#FDF1F9, #E6D7D5, #DFBAAB, #688DB3, #5F4956)
• Aged Garden color palette (#FEF3EA, #C7B4A0, #9E775C, #7F4F42, #5F4100)
• Softworn Navy Boulevard color palette (#FFF0F9, #E7C0DB, #7C7DB7, #424784, #33335A)
• Stone Cabin color palette (#F0F5FF, #B5C4FF, #EFAA99, #87BE98, #3B4252)

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