Nocturne Spruce color palette — #DBF1F4 · #45474F · #00372D · #191B22 · #000508

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

The five colors

• Frost (#DBF1F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#45474F): a grounded near-black with real depth.
• Deep Forest (#00372D): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#191B22): quiet, heavy and certain.
• Ink (#000508): 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

• Midnight Abyss color palette (#D0EDF2, #005147, #23262D, #001111, #000203)
• Spruce Drift color palette (#D6ECF5, #6A625D, #00353C, #191820, #000411)
• Tempered Balcony color palette (#EBF2FE, #5979C7, #3B3A4B, #222933, #13151B)
• Midnight Cocoa color palette (#CBEEFC, #005C66, #6A2600, #00262A, #100200)
• Shadow Forest Loft color palette (#D7F4E8, #007039, #00332F, #161900, #000807)
• Dusty Cerulean color palette (#E7DCE4, #2D8F9E, #004162, #002416, #02022B)
• Hushed Cypress Quarry color palette (#E5E9D9, #00786B, #0E3E5F, #3F0A00, #170A00)
• Denim Atelier color palette (#D4E7FF, #0059AC, #270F41, #010D20, #000207)

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