Nocturne Spruce color palette — #C5E9D7 · #313E46 · #2E2B00 · #0B1418 · #000300
Espresso takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#C5E9D7): A whisper-light, dusty teal — the color of glacier melt.
- Charcoal (#313E46): A deep, shadowed, dusty blue — the color of deep harbor water.
- Espresso (#2E2B00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#0B1418): 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
- Midnight Abyss Delta color palette (#CEF4F7, #3F4148, #004131, #12151B, #00080A)
- Obsidian Olive Dune color palette (#CAE8DC, #687300, #063318, #00150E, #000501)
- Deep Onyx color palette (#FEE5F0, #41463C, #421F00, #1D0F06, #030200)
- Charred Atelier color palette (#E3F5EF, #436000, #373E45, #001F20, #000705)
- Hushed Lagoon color palette (#E0F1F5, #339391, #2C3E4A, #122125, #060E0E)
- Inked Forest Harbor color palette (#DFF4EE, #1F6740, #00322B, #2E0002, #000201)
- Antique Fern color palette (#FFECDB, #696308, #004732, #2B062A, #0D000B)
- Deep Aubergine Coast color palette (#C4E9E2, #2A5A00, #66005E, #0D2500, #030003)
Browse the whole catalog at Explore, or see today's palette.