Nocturne Spruce color palette — #D9EFEE · #5B514E · #00381D · #111E22 · #000505

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

The five colors

• Frost (#D9EFEE): A whisper-light, dusty teal — the color of glacier melt.
• Charcoal Brown (#5B514E): a grounded near-black with real depth.
• Deep Forest (#00381D): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#111E22): a grounded near-black with real depth.
• Ink (#000505): 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

• Fern Courtyard color palette (#D2ECDE, #4D6635, #00351D, #1A1700, #030800)
• Moonless Garnet Chapel color palette (#C9E4EC, #005D5D, #760032, #002626, #130004)
• Lowlit Forest Basin color palette (#C4E8ED, #006354, #3D3940, #001E25, #000C0E)
• Muted Meadow color palette (#E8F3FF, #5082AA, #343C51, #1C2A37, #11161D)
• Lowlit Grove color palette (#D2E5EF, #004755, #5E0045, #421200, #000203)
• Hushed Onyx color palette (#ECE7D5, #40776F, #00443F, #3A0020, #260700)
• Misty Navy Market color palette (#EBD9DE, #6084A6, #1C2A93, #002127, #0C0026)
• Cellar Harbor color palette (#D1F1EB, #5A4D4D, #123800, #0D1F20, #000604)

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