Nocturne Spruce color palette — #DEF2F1 · #434750 · #00381B · #171C22 · #000506
Built around Deep Forest, softened by Cream — the whole palette hums with nature and growth.
The five colors
- Cream (#DEF2F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Charcoal (#434750): quiet, heavy and certain.
- Deep Forest (#00381B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#171C22): a grounded near-black with real depth.
- Ink (#000506): quiet, heavy and certain.
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
- Eclipse Forest Corridor color palette (#DAE9D8, #006F4E, #003C38, #001D21, #000A12)
- Antique Cobalt Dune color palette (#E7F4FF, #1B84C4, #363B4F, #202A33, #12161A)
- Garnet Harbor color palette (#D0E5E5, #004949, #66000F, #351600, #000202)
- Smoked Garnet color palette (#C3EAF7, #005D62, #750039, #002629, #130005)
- Patina Cypress Courtyard color palette (#EEEDCB, #3A7B5D, #004858, #370B14, #180400)
- Smoked Denim Balcony color palette (#DBEFFD, #006387, #191843, #000F1B, #000205)
- Quiet Orchard color palette (#ECDADF, #4785BB, #2A2692, #002224, #100021)
- Velvet Spruce Loft color palette (#DEF1ED, #3F4750, #153700, #151C21, #000605)
Browse the whole catalog at Explore, or see today's palette.