Nocturne Spruce Loft color palette — #CEE8E5 · #45474F · #003910 · #151A20 · #000602

Deep Forest and Silver set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#CEE8E5): A whisper-light, dusty teal — the color of glacier melt.
• Charcoal (#45474F): a grounded near-black with real depth.
• Deep Forest (#003910): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#151A20): a grounded near-black with real depth.
• Ink (#000602): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Nocturne Spruce Loft 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

• Nocturne Abyss color palette (#DAF3FF, #483F44, #00414C, #17161E, #000A10)
• Obsidian Forest color palette (#D0F0DD, #006849, #003B2F, #001F1B, #000A0E)
• Navy Thicket color palette (#CAF3F1, #004949, #002E73, #1B2900, #000202)
• Weathered Cobalt Dune color palette (#E6F4FF, #0087BC, #2F3E4D, #222A30, #131519)
• Inked Spruce color palette (#D3E7E1, #40444D, #203500, #11181D, #000600)
• Smoked Spruce Market color palette (#D3ECED, #484850, #003726, #171B21, #000604)
• Spruce Station color palette (#C8E9DC, #3F464F, #2D3100, #10191E, #020500)
• Velvet Spruce Garden color palette (#C6F2ED, #3D3F47, #00340A, #0F1419, #000302)

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