Spruce Courtyard color palette — #ECEAE4 · #999C8A · #687561 · #302C00 · #0E0800
A conversation between Espresso and Pewter, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECEAE4): bright and airy, almost weightless.
- Taupe (#999C8A): A luminous, dusty green — the color of new leaves after rain.
- Pewter (#687561): A full-bodied, dusty green — the color of a quiet forest floor.
- Espresso (#302C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#0E0800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Spruce Courtyard 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
- Washed Abyss Workshop color palette (#E1E6DC, #A0ADA3, #66877E, #004232, #0E1705)
- Aged Fern color palette (#E1EEE7, #8BA7AE, #738B9C, #6F6400, #000D06)
- Ancient Fern color palette (#EFEFE7, #C8CFC0, #94A697, #455F00, #302E22)
- Bronze Alley color palette (#E4E1CE, #BA6400, #5E6600, #004041, #000501)
- Muted Chestnut Villa color palette (#FEE9E1, #7F5F16, #004C33, #3F0006, #180C00)
- Eclipse Spruce color palette (#EAECCA, #535B61, #163700, #0D1F20, #000604)
- Cellar Cocoa Grove color palette (#F5E3DD, #604500, #002C19, #1E0019, #030400)
- Spruce Meadow color palette (#EDEDE6, #969C8C, #607862, #253000, #0C0900)
Browse the whole catalog at Explore, or see today's palette.