Spruce Harbor color palette — #E2F3F1 · #3C3F47 · #043404 · #0F1419 · #000302

A conversation between Deep Forest and Cream, giving this palette its sense of nature and growth.

The five colors

• Cream (#E2F3F1): bright and airy, almost weightless.
• Charcoal (#3C3F47): a grounded near-black with real depth.
• Deep Forest (#043404): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#0F1419): quiet, heavy and certain.
• Black (#000302): quiet, heavy and certain.

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

Use it as a design system

One click turns Spruce Harbor 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

• Abyss Courtyard color palette (#D7E9EC, #443D42, #003E46, #14131A, #00070E)
• Smoked Terrace color palette (#C7EAEC, #006548, #36373E, #001F1E, #000707)
• Antique Cerulean color palette (#E1F0FB, #008FBE, #2F3D4D, #171F25, #080D10)
• Deep Fern color palette (#D8E7DD, #545F00, #163200, #191400, #010100)
• Garnet Workshop color palette (#D3E6E9, #00594C, #710032, #00251E, #040001)
• Moonless Aubergine Lantern color palette (#CCF7F1, #004640, #450070, #351C00, #000201)
• Inked Forest Basin color palette (#DDE8D2, #216B4E, #003E3E, #21042E, #0A0014)
• Moonless Spruce color palette (#D0EEEE, #3E3F46, #00331F, #101419, #000302)

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