Pine Villa color palette — #F3F7E8 · #00885E · #7C497C · #593158 · #382B1A
Built around Fern, softened by Graphite — the whole palette hums with creativity and balance.
The five colors
- Ivory (#F3F7E8): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#00885E): A full-bodied, balanced teal — the color of shallow lagoons.
- Graphite (#7C497C): A full-bodied, balanced pink — the color of peonies in June.
- Mulberry (#593158): A deep, shadowed, balanced pink — the color of neon signs at night.
- Espresso (#382B1A): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Creativity, Balance. 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
- Weathered Market color palette (#EEF9E8, #009F88, #775288, #6F3336, #4D3111)
- Washed Mulberry color palette (#EBF9F0, #007F8C, #923F52, #672C39, #2E2B18)
- Pale Station color palette (#FAF5E6, #848400, #5552A1, #3A396C, #3A2820)
- Muted Jade color palette (#FFF2EB, #00B18C, #267392, #6F3D44, #314330)
- Worn Denim color palette (#EAF6E8, #058880, #006188, #6E2A36, #091602)
- Cypress Coast color palette (#F3F7EF, #D1DFDB, #B1C5C4, #4D816B, #454940)
- Garnet Quarry color palette (#EAFAD9, #006A50, #790032, #520016, #1C1400)
- Cypress Atelier color palette (#DAEADB, #008184, #1F382F, #162317, #090F0B)
Browse the whole catalog at Explore, or see today's palette.