Midnight Spruce color palette — #D3ECD6 · #51515A · #003034 · #091719 · #000205

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

The five colors

• Honeydew (#D3ECD6): A whisper-light, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#51515A): a grounded near-black with real depth.
• Deep Forest (#003034): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#091719): quiet, heavy and certain.
• Black (#000205): quiet, heavy and certain.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Midnight 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

• Velvet Abyss Chapel color palette (#D1F1FD, #004F54, #22252C, #000F1B, #000203)
• Deep Denim Courtyard color palette (#C8EFE2, #00517C, #602900, #002136, #030100)
• Cellar Petrol color palette (#DEEFE3, #00788A, #092B49, #001508, #010500)
• Shadow Fern Summit color palette (#F6E2CB, #645902, #203000, #001912, #010100)
• Dusty Iris Bloom color palette (#F8E9F0, #8276C0, #483639, #261A20, #100A0F)
• Dusty Navy color palette (#F2E3D8, #3B81A4, #003A76, #001F20, #01000B)
• Lapis Thicket color palette (#ECEFFF, #4E0FF0, #2C1037, #050222, #030004)
• Deep Balcony color palette (#FFE6FA, #1300A6, #080E12, #0C001A, #060001)

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