Spruce Courtyard color palette — #C9E5E0 · #B57F45 · #094204 · #021C01 · #000A0E
Forest takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.
The five colors
- Silver (#C9E5E0): A whisper-light, dusty teal — the color of glacier melt.
- Caramel (#B57F45): A luminous, balanced gold — the color of afternoon light on wheat.
- Forest (#094204): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#021C01): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000A0E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Moss Summit color palette (#EAEADC, #9B902B, #264200, #0A1600, #020200)
- Abyss Lagoon color palette (#E0F3F2, #C38F60, #00512A, #002A13, #00151C)
- Hushed Mustard color palette (#CBE4DE, #B5A73C, #3E6200, #1C3000, #000F0B)
- Pale Emerald Atelier color palette (#DEF0EC, #629951, #005289, #1A4F00, #000E1E)
- Weathered Bronze color palette (#DCF2F7, #A55113, #3D3335, #002321, #000605)
- Marigold Drift color palette (#DDE0CE, #F7A427, #458B4D, #315234, #0B0D00)
- Coral Harbor color palette (#ECF7FF, #DC8879, #004F6C, #002B3C, #0B1128)
- Feathered Pine color palette (#F4D3E9, #008D61, #00566A, #5F1400, #002B27)
Browse the whole catalog at Explore, or see today's palette.