Spruce Study color palette — #F0F1E9 · #A5AC9C · #6A886B · #194300 · #141507
Built around Forest, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#F0F1E9): bright and airy, almost weightless.
- Sage (#A5AC9C): A luminous, dusty green — the color of new leaves after rain.
- Fern (#6A886B): A full-bodied, dusty green — the color of fresh herbs.
- Forest (#194300): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#141507): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Spruce Study 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
- Ancient Spruce color palette (#D6E4E3, #8BA6A5, #5B8487, #004311, #000605)
- Washed Forest Summit color palette (#EEF1E3, #B0B99E, #8C9B7D, #00651E, #131508)
- Wandering Abyss color palette (#E3EDE7, #A5C0B7, #A08498, #004D5B, #112419)
- Softworn Workshop color palette (#D8EBE8, #9EB4BE, #7E9CB2, #45823F, #001916)
- Aged Moss Coast color palette (#ECF1E0, #959300, #00865E, #005564, #000E0B)
- Wandering Forest color palette (#F4F6EC, #CAD7C3, #71B3BC, #006E28, #32342D)
- Patina Pine color palette (#EBE7D2, #377D35, #004231, #222500, #011501)
- Hushed Garnet Boulevard color palette (#F1EDD0, #50866A, #005A65, #590018, #2C1600)
Browse the whole catalog at Explore, or see today's palette.