Nocturne Spruce color palette — #C6EFDF · #3C464F · #2C3200 · #121B20 · #000602

Deep Forest takes the lead with Honeydew close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#C6EFDF): A whisper-light, dusty teal — the color of sea glass.
• Charcoal (#3C464F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Forest (#2C3200): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#121B20): 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 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

• Smoked Onyx Parlor color palette (#F7E5EA, #383E35, #422700, #1F1005, #050400)
• Fern Summit color palette (#DBF1ED, #1F6600, #38373F, #002019, #000C0A)
• Spruce Boulevard color palette (#D5F3DA, #5B6870, #3C2B00, #171E17, #030500)
• Weathered Dune color palette (#D7E9EA, #00856A, #003A41, #0E2325, #060E11)
• Aubergine Corridor color palette (#D8F7F7, #006043, #5C0082, #00281A, #0C0016)
• Ancient Olive color palette (#ECE4D7, #5C6D2C, #00443A, #33092C, #1F0004)
• Charred Aubergine Studio color palette (#D0EAD8, #004D29, #580057, #470027, #000201)
• Shadow Spruce color palette (#C6EFE7, #414750, #183700, #151B21, #000603)

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