Nocturne Spruce color palette — #C9EDEF · #403F47 · #003323 · #101319 · #000302

Deep Forest and Frost set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#C9EDEF): A whisper-light, dusty blue — the color of open sky before noon.
• Charcoal (#403F47): a grounded near-black with real depth.
• Deep Forest (#003323): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#101319): quiet, heavy and certain.
• Black (#000302): quiet, heavy and certain.

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

• Aged Pier color palette (#E4F0EE, #2E8789, #00444A, #00201C, #000202)
• Moonless Aubergine Alley color palette (#D9EFF8, #004353, #350084, #002B15, #000102)
• Aged Garden color palette (#E4EFFC, #5485C3, #2D3C54, #161F2A, #090D10)
• Lowlit Abyss Lantern color palette (#D0E9FA, #625F56, #003B53, #201A20, #000712)
• Cellar Fern Delta color palette (#D7ECE6, #2B681B, #003412, #0D1800, #000200)
• Deep Denim color palette (#E5F1FC, #006096, #292228, #001C46, #000814)
• Velvet Boulevard color palette (#CDE9EE, #413F46, #00312D, #121319, #000303)
• Cellar Spruce color palette (#C6EAE6, #3E4047, #003411, #0F1419, #000301)

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