Spruce Villa color palette — #F1F3E9 · #BBC9AC · #728B6C · #4C6958 · #243800
Built around Forest, softened by Eucalyptus — the whole palette hums with nature and growth.
The five colors
- Cream (#F1F3E9): a clean, paper-quiet neutral.
- Pistachio (#BBC9AC): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#728B6C): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#4C6958): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#243800): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Spruce 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
- Driftwood Station color palette (#F3F2E9, #C2C7AA, #748D4C, #74566F, #31322B)
- Lagoon Lagoon color palette (#EFF7F4, #9CCBC9, #3F908A, #54687D, #3A5251)
- Misty Ridge color palette (#F9F1DF, #A0B06E, #487A36, #00517A, #1D2400)
- Washed Courtyard color palette (#F6ECDC, #706A24, #2E3C00, #260053, #030300)
- Antique Navy Harbor color palette (#F1F1E0, #48885D, #00503E, #1B215C, #000B03)
- Forest Pier color palette (#F2ECD6, #7D9766, #206432, #00396A, #0A1600)
- Tempered Petrol Cabin color palette (#F5F1EB, #C8E2E3, #809FC0, #007988, #452C42)
- Misty Aubergine Lantern color palette (#F4E2C6, #9E993B, #4E6500, #502473, #191700)
Browse the whole catalog at Explore, or see today's palette.