Spruce Coast color palette — #E2F4F4 · #3C3F46 · #003321 · #111419 · #000304

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

The five colors

• Cream (#E2F4F4): bright and airy, almost weightless.
• Charcoal (#3C3F46): quiet, heavy and certain.
• Deep Forest (#003321): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#111419): quiet, heavy and certain.
• Ink (#000304): quiet, heavy and certain.

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

Use it as a design system

One click turns Spruce Coast 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 Spruce color palette (#DCEEF6, #615856, #003038, #131319, #00020B)
• Washed Cabin color palette (#E4EFFB, #4E86C2, #383A4C, #171F27, #080D10)
• Smoked Market color palette (#E0EDCF, #005338, #1C2828, #001014, #000201)
• Muted Lagoon Basin color palette (#F7EBF6, #318788, #004255, #002108, #000105)
• Garnet Boulevard color palette (#D2F4F5, #004548, #5B1500, #2C1800, #000202)
• Charred Studio color palette (#F6EFE0, #336A41, #003A44, #290900, #0B0100)
• Nocturne Denim color palette (#DAEFFF, #006192, #272229, #1E1443, #000814)
• Eclipse Spruce color palette (#D8F3FB, #3F3E45, #003131, #13131A, #000206)

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