Midnight Spruce color palette — #DFE0D2 · #565B63 · #143700 · #0D1F20 · #000603

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

The five colors

• Bone (#DFE0D2): bright and airy, almost weightless.
• Graphite (#565B63): quiet, heavy and certain.
• Deep Forest (#143700): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#0D1F20): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000603): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Nocturne Veranda color palette (#DAE4D2, #00745A, #122D14, #0C1800, #010702)
• Forest Atelier color palette (#E4ECD5, #00653F, #3D4A53, #00201C, #070B00)
• Charred Garnet Studio color palette (#DBE8D1, #00604C, #710050, #00271E, #120009)
• Cerulean Thicket color palette (#E9F5EF, #3B87A3, #26433C, #1A2D24, #0E1816)
• Velvet Aubergine color palette (#CFE6E0, #004A40, #43007C, #391B00, #000202)
• Washed Navy Courtyard color palette (#E8DFD1, #608B78, #004065, #002225, #00081E)
• Antique Grove color palette (#E6F0D0, #637430, #00453F, #260640, #1F0017)
• Obsidian Spruce color palette (#E9EDDF, #585C64, #00381C, #111E22, #000604)

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