Midnight Spruce color palette — #E4E0CF · #535860 · #2C2C00 · #0F1612 · #000300
Espresso and Black set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#E4E0CF): A whisper-light, dusty green — the color of fresh herbs.
- Charcoal Brown (#535860): quiet, heavy and certain.
- Espresso (#2C2C00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#0F1612): a grounded near-black with real depth.
- Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Midnight Spruce 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
- Onyx Lantern color palette (#F6E6D8, #394138, #402100, #12150E, #030200)
- Muted Abyss Hollow color palette (#E5F7D9, #515A61, #004035, #162227, #00080B)
- Midnight Meadow color palette (#E3E3CA, #505C00, #153B00, #001709, #000202)
- Washed Lagoon Lantern color palette (#F2DFD6, #008990, #004254, #002015, #000104)
- Nocturne Forest color palette (#E9E9CD, #006940, #00312C, #2E0101, #010100)
- Moonless Aubergine color palette (#ECF0E0, #005C29, #5B0077, #00260D, #030005)
- Shadow Aubergine Pier color palette (#D7EEDB, #00491B, #51005A, #420031, #000200)
- Twilit Spruce color palette (#D1ECDF, #36454F, #313000, #121C20, #000602)
Browse the whole catalog at Explore, or see today's palette.