Nocturne Spruce color palette — #E9DDC9 · #3F4B45 · #3A2B00 · #161E17 · #040500

A conversation between Espresso and Bone, giving this palette its sense of optimism and sophistication.

The five colors

• Bone (#E9DDC9): A whisper-light, dusty gold — the color of old brass.
• Charcoal (#3F4B45): a grounded near-black with real depth.
• Espresso (#3A2B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#161E17): quiet, heavy and certain.
• Ink (#040500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, 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

• Inked Spruce color palette (#E3E1D1, #65616A, #293200, #111E1B, #000600)
• Fern Summit color palette (#E9E4D3, #595900, #283537, #0C2000, #0A0A00)
• Patina Lagoon Summit color palette (#EDF5E9, #3B8D7B, #324134, #222C1C, #121813)
• Inked Drift color palette (#E6E3CD, #465A00, #54008F, #1B2500, #0A0019)
• Shadow Archive color palette (#E1E8DA, #2D4900, #00355F, #490018, #010200)
• Pale Onyx Grove color palette (#FCE8C9, #67672B, #224120, #001B48, #130035)
• Weathered Navy color palette (#E8E1D7, #5E8B7C, #003B76, #002128, #02002E)
• Deep Onyx color palette (#EFDAC4, #414C43, #422700, #191D15, #060400)

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