Spruce Villa color palette — #E8E1CE · #5C7632 · #00450D · #002922 · #0A1300
Built around Forest, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Parchment (#E8E1CE): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#5C7632): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00450D): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#002922): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#0A1300): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Tempered Olive color palette (#EEE9D0, #5B893B, #005327, #002E5D, #1D1C00)
- Tempered Parlor color palette (#E5E9D3, #007F5B, #00413A, #002B05, #00140B)
- Pine Cabin color palette (#DBF4EC, #7CA65C, #338431, #216446, #071300)
- Soft Studio color palette (#F2ECCD, #6BA357, #006C3E, #004E49, #163707)
- Weathered Lagoon Loft color palette (#E7E0D6, #31A2A1, #00545E, #003124, #001720)
- Gentle Ultramarine Lantern color palette (#EDD6EC, #0058C3, #614700, #002962, #160E00)
- Hushed Olive Bloom color palette (#FEF4E6, #B0A557, #627200, #005A6F, #3D3A34)
- Feathered Delta color palette (#DBE7FF, #0A29CE, #7D0010, #003C0A, #000323)
Browse the whole catalog at Explore, or see today's palette.