Midnight Spruce color palette — #CCE8D6 · #293B38 · #372D00 · #151E18 · #020500

Espresso and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#CCE8D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Forest (#293B38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#372D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#151E18): quiet, heavy and certain.
• Ink (#020500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Fern Veranda color palette (#EFE8D4, #6A6300, #223500, #031E00, #000D06)
• Forest Garden color palette (#CDE6E2, #1A5300, #282730, #00130E, #000403)
• Antique Pine Atelier color palette (#D5E9E8, #288546, #043942, #072423, #060F10)
• Lowlit Harbor color palette (#D6E9E1, #306D32, #003427, #32000B, #000807)
• Aubergine Chapel color palette (#DCEEEA, #2F5F00, #57008A, #102700, #0B0018)
• Smoked Aubergine Quarry color palette (#E6EEDA, #354700, #43007D, #46002A, #010200)
• Timeworn Delta color palette (#FCE9DB, #746D11, #004A29, #2C1130, #1D000D)
• Feathered Nightshade Terrace color palette (#E3EDE2, #5E84A7, #181BA7, #002127, #0B0026)

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