Shadow Spruce color palette — #C1E9EA · #3F4047 · #003321 · #101419 · #000302

Built around Deep Forest, softened by Frost — the whole palette hums with sophistication and depth.

The five colors

• Frost (#C1E9EA): A whisper-light, dusty teal — the color of glacier melt.
• Charcoal (#3F4047): a grounded near-black with real depth.
• Deep Forest (#003321): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#101419): a grounded near-black with real depth.
• Black (#000302): quiet, heavy and certain.

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

Use it as a design system

One click turns Shadow 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

• Abyss Canyon color palette (#DAEFE9, #005D55, #00302F, #001111, #000203)
• Worn Petrol color palette (#D5E7F2, #00829D, #1B3445, #061821, #01070B)
• Inked Abyss color palette (#CEE9FD, #5D5357, #003C52, #20191F, #000711)
• Charred Nightshade Canyon color palette (#D3EDF1, #00444D, #230091, #022C04, #000102)
• Cellar Spruce color palette (#D3E9ED, #413F46, #00322B, #111319, #000303)
• Eclipse Spruce Alley color palette (#C5E7E3, #3E4047, #00340A, #0F1418, #000301)
• Eclipse Spruce Quarry color palette (#CAE4EB, #423F46, #003132, #121319, #000303)
• Deep Spruce color palette (#CFE5DF, #3C3F47, #193100, #0E1418, #000300)

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