Pine Villa color palette — #F7F1E7 · #BBB48E · #47854D · #6C485A · #2C280F
A conversation between Fern and Charcoal Brown, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F1E7): a clean, paper-quiet neutral.
- Sage (#BBB48E): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#47854D): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal Brown (#6C485A): A full-bodied, dusty rose — the color of a warm blush.
- Onyx (#2C280F): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Hushed Villa color palette (#F3F2EB, #BEC8A4, #479284, #75585D, #30322B)
- Dusty Pine Market color palette (#F7F1E5, #96A77C, #1B7740, #523B63, #1F1D05)
- Pine Lagoon color palette (#F7F6E6, #9ABB8D, #4F8155, #4B604F, #454600)
- Hazy Jade color palette (#FFECF0, #C48DCA, #02A67E, #87478E, #1E2D09)
- Dusty Jade color palette (#E8FAF5, #CFF1C7, #71AF7D, #517E8E, #253E3A)
- Aged Cerulean color palette (#F7F0ED, #CAE4D0, #3B99BF, #006F57, #362439)
- Onyx Terrace color palette (#F1E1CD, #645900, #1F3000, #17003F, #020100)
- Aged Archive color palette (#FFEDEE, #E5D4C5, #DEBF8E, #8977AA, #422D2C)
Browse the whole catalog at Explore, or see today's palette.