Nocturne Spruce color palette — #D8E6DE · #443F4A · #322900 · #0A1418 · #020200

Espresso takes the lead with Parchment close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#D8E6DE): a clean, paper-quiet neutral.
• Charcoal (#443F4A): a grounded near-black with real depth.
• Espresso (#322900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A1418): quiet, heavy and certain.
• Black (#020200): a grounded near-black with real depth.

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

• Shadow Basalt Ridge color palette (#D6F3E0, #483B00, #272111, #030D0C, #010200)
• Cellar Fern color palette (#C6EBDE, #4F5C00, #333840, #00201A, #000704)
• Smoked Dune color palette (#ECDEC2, #525F64, #382D00, #151E18, #020500)
• Antique Lagoon color palette (#DDF2F6, #1B968B, #2A3F46, #102125, #060E0F)
• Worn Navy color palette (#DEEEED, #4D7DA9, #003978, #001D2B, #00000B)
• Lowlit Spruce Study color palette (#D8E8E2, #3A4047, #292D00, #0C1418, #010300)
• Moonless Spruce Pier color palette (#DBECE7, #3C3F47, #1D3000, #0D1318, #000300)
• Nocturne Cabin color palette (#D1E8E5, #3E4047, #003409, #0F1418, #000301)

Browse the whole catalog at Explore, or see today's palette.