Midnight Spruce color palette — #C9E7E3 · #3C3F47 · #043404 · #0F1419 · #000302
Built around Deep Forest, softened by Silver — the whole palette hums with nature and growth.
The five colors
- Silver (#C9E7E3): A whisper-light, dusty teal — the color of sea glass.
- Charcoal (#3C3F47): a grounded near-black with real depth.
- Deep Forest (#043404): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#0F1419): quiet, heavy and certain.
- Black (#000302): quiet, heavy and certain.
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
- Smoked Spruce Garden color palette (#ECEFD6, #525960, #0C3800, #0C1F21, #000605)
- Velvet Forest Lagoon color palette (#C9E7E8, #006548, #383940, #001E25, #000707)
- Weathered Cerulean color palette (#E3EFF8, #348DB5, #313C4A, #152027, #080D10)
- Nocturne Garnet color palette (#DDEFF2, #00594C, #700039, #00251E, #040001)
- Twilit Aubergine Meadow color palette (#D1E7E4, #004640, #450070, #351C00, #000201)
- Spruce Corridor color palette (#CBECEC, #3E3F46, #00331F, #101419, #000302)
- Spruce Atelier color palette (#D8EBE5, #3A3F47, #222F00, #0D1418, #000301)
- Spruce Grove color palette (#D2E9DE, #373F47, #2B2C00, #0C1418, #010300)
Browse the whole catalog at Explore, or see today's palette.