Spruce Villa color palette — #F4EFD2 · #567731 · #0E4401 · #2F1F00 · #081300
Forest takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4EFD2): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#567731): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#0E4401): A deep, shadowed, balanced green — the color of fresh herbs.
- Onyx (#2F1F00): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#081300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, 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
- Muted Abyss Summit color palette (#EBECD2, #5C865C, #00532C, #1B3700, #002203)
- Twilit Pine Alley color palette (#E0F6DF, #2B8929, #034209, #011300, #000300)
- Shadow Fern Basin color palette (#F2E8D7, #6A5E08, #2D2D00, #1E1500, #080600)
- Hushed Garden color palette (#EAEED3, #6EBA8D, #008972, #2D4A00, #001B09)
- Weathered Pine color palette (#EFE8D0, #46763D, #00412E, #3E0214, #000400)
- Muted Boulevard color palette (#E7E6D2, #496B00, #910602, #213300, #260000)
- Hushed Fern Hollow color palette (#D8E8C9, #385700, #004A4B, #482700, #040A00)
- Faded Grove color palette (#D3E4DD, #509747, #006248, #64172A, #011500)
Browse the whole catalog at Explore, or see today's palette.