Nocturne Spruce color palette — #E2ECDB · #394443 · #183100 · #0D1713 · #000300
A conversation between Deep Forest and Black, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E2ECDB): A whisper-light, dusty green — the color of new leaves after rain.
- Charcoal (#394443): quiet, heavy and certain.
- Deep Forest (#183100): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#0D1713): 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 Nocturne 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
- Twilit Basalt Balcony color palette (#C7F0E4, #00463B, #003454, #242500, #000201)
- Softworn Cerulean Studio color palette (#E3F2E9, #0091B2, #284138, #17211B, #0A0E0B)
- Forest Terrace color palette (#DDF8DC, #006131, #00331F, #00150D, #000201)
- Forest Field color palette (#DBE6CC, #005B3E, #563200, #002517, #020100)
- Cypress Courtyard color palette (#D8EBDD, #006774, #42454F, #00222E, #000B03)
- Spruce Veranda color palette (#DDEAE0, #384445, #003415, #0C1715, #000301)
- Spruce Lagoon color palette (#E6E2D2, #394442, #292D00, #0F1612, #010300)
- Lowlit Spruce color palette (#E4EADD, #374346, #003322, #0A1716, #000302)
Browse the whole catalog at Explore, or see today's palette.