Spruce Courtyard color palette — #E3F1E9 · #665700 · #01430B · #002524 · #250600
A conversation between Forest and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#E3F1E9): bright and airy, almost weightless.
- Olive (#665700): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#01430B): A deep, shadowed, balanced green — the color of fresh herbs.
- Onyx (#002524): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#250600): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Sophistication. Tagged muted.
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
- Twilit Fern color palette (#E3F5EB, #524B00, #00341A, #00181B, #0F0500)
- Gentle Dune color palette (#ECE8C7, #858300, #495200, #273200, #002011)
- Chestnut Villa color palette (#F5E0EA, #8B3E00, #3F3700, #00270F, #29000D)
- Hushed Olive Study color palette (#C5F4E2, #6C7600, #005A40, #003945, #351E00)
- Moss Terrace color palette (#F4EFDE, #898E36, #476226, #004543, #162843)
- Feathered Field color palette (#C8EACE, #DD8300, #AA7700, #665F00, #1F1700)
- Quiet Bronze Coast color palette (#F2E0CA, #9D6800, #006243, #003361, #26001C)
- Ancient Workshop color palette (#DCFDF9, #009835, #00676B, #004079, #343200)
Browse the whole catalog at Explore, or see today's palette.