Nocturne Spruce color palette — #CFEAEB · #444750 · #003725 · #181C22 · #000507
A conversation between Deep Forest and Frost, giving this palette its sense of sophistication and depth.
The five colors
- Frost (#CFEAEB): A whisper-light, dusty teal — the color of shallow lagoons.
- Charcoal (#444750): a grounded near-black with real depth.
- Deep Forest (#003725): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#181C22): quiet, heavy and certain.
- Ink (#000507): a grounded near-black with real depth.
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
- Inked Station color palette (#CDE8EE, #00635C, #3C373F, #001D2C, #000B0F)
- Eclipse Basalt Atelier color palette (#D3E7E6, #004948, #562100, #2C1C00, #000202)
- Weathered Garden color palette (#E9F3FF, #427FC4, #393B4D, #232931, #12151B)
- Garnet Lantern color palette (#DCF4FF, #005C67, #780025, #00262B, #130002)
- Washed Villa color palette (#E8DCE7, #209193, #004357, #00240A, #00091B)
- Charred Fern color palette (#D5E5DC, #356C27, #003329, #1A1700, #010800)
- Weathered Cypress color palette (#ECF0D1, #007462, #0F4667, #400813, #1D091F)
- Eclipse Spruce color palette (#DDF4F8, #46474F, #003630, #191B22, #000509)
Browse the whole catalog at Explore, or see today's palette.