Midnight Spruce color palette — #C7ECED · #51515A · #003132 · #081719 · #000205

A conversation between Deep Forest and Frost, giving this palette its sense of sophistication and depth.

The five colors

• Frost (#C7ECED): A whisper-light, dusty teal — the color of sea glass.
• Charcoal Brown (#51515A): a grounded near-black with real depth.
• Deep Forest (#003132): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#081719): A deep, shadowed, dusty blue — the color of deep harbor water.
• 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

• Onyx Basin color palette (#D8EDE7, #3D3E47, #002B4C, #070C11, #020010)
• Twilit Denim color palette (#D5EBDE, #005F75, #202C33, #031939, #000703)
• Twilit Cocoa Bloom color palette (#C3EBDC, #00527A, #642500, #002135, #030000)
• Fern Studio color palette (#FAEBDB, #655800, #212F00, #001912, #020100)
• Dusty Cerulean color palette (#ECE1D8, #1683AC, #003C70, #001F1F, #01000B)
• Worn Iris color palette (#F9E8F1, #7E76C8, #4C3338, #241B20, #0F0B0F)
• Cellar Navy color palette (#D8F7EC, #006D7C, #1B2E5E, #311200, #090200)
• Charred Lapis color palette (#DBE1FE, #4516F3, #2B0E3A, #14000F, #000201)

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