Spruce Ridge color palette — #F1EDDA · #394442 · #292D00 · #0F1612 · #010300
Deep Forest and Cream set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1EDDA): A whisper-light, dusty green — the color of a quiet forest floor.
- Charcoal (#394442): a grounded near-black with real depth.
- Deep Forest (#292D00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#0F1612): a grounded near-black with real depth.
- Black (#010300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Spruce Ridge 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
- Abyss Orchard color palette (#E8EDDF, #005131, #22292F, #00130D, #010200)
- Hushed Ridge color palette (#E4F1E6, #00949E, #264332, #182119, #0A0E0A)
- Wandering Veranda color palette (#DFF4DD, #006967, #3A4049, #002327, #000A0A)
- Olive Boulevard color palette (#E2E0CD, #587800, #0D3302, #131100, #050300)
- Garnet Coast color palette (#E6E5CC, #355800, #6D1800, #132400, #040000)
- Cellar Spruce color palette (#E9DEC7, #394340, #322900, #101610, #020200)
- Inked Thicket color palette (#E3E3C0, #394443, #193100, #0D1613, #000300)
- Velvet Onyx color palette (#F1DEC3, #39433E, #382600, #101510, #030200)
Browse the whole catalog at Explore, or see today's palette.