Pine Villa color palette — #F7F1E6 · #BCB48C · #578252 · #25605B · #2D270C
A conversation between Fern and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F1E6): bright and airy, almost weightless.
- Sage (#BCB48C): A luminous, dusty green — the color of new leaves after rain.
- Fern (#578252): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#25605B): A full-bodied, dusty teal — the color of shallow lagoons.
- Onyx (#2D270C): 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
- Weathered Archive color palette (#F4F2E9, #C1C7AC, #569080, #486A58, #30322B)
- Olive Delta color palette (#FBF0E5, #C3B18F, #717B40, #674A63, #332508)
- Muted Olive Courtyard color palette (#F7F5EB, #A1B989, #528147, #50621D, #484400)
- Weathered Taupe Courtyard color palette (#EDF8F4, #BCE4EC, #84AA7D, #548268, #174139)
- Forest Studio color palette (#EEE5C6, #78A367, #006C4A, #004750, #071C00)
- Midnight Forest color palette (#E0E0CA, #296548, #00312D, #001722, #000201)
- Weathered Onyx color palette (#ECE4D0, #66834C, #00522F, #35194E, #040A00)
- Petrol Basin color palette (#E6F6F1, #7FA8D1, #AF871E, #0067AF, #342500)
Browse the whole catalog at Explore, or see today's palette.