Shadow Spruce Coast color palette — #E3F4F3 · #3D3F47 · #003416 · #101419 · #000302

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

The five colors

• Cream (#E3F4F3): bright and airy, almost weightless.
• Charcoal (#3D3F47): quiet, heavy and certain.
• Deep Forest (#003416): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#101419): a grounded near-black with real depth.
• 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 Shadow 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

• Eclipse Drift color palette (#D5EDDC, #00644A, #00352D, #001414, #000303)
• Petrol Ridge color palette (#D3ECF7, #008491, #1D3443, #07181F, #01080A)
• Cellar Abyss color palette (#E0F1FA, #5B5358, #003D4A, #1F1A20, #000711)
• Smoked Garnet color palette (#DEF5FA, #005953, #700038, #002421, #040001)
• Obsidian Garden color palette (#C4E9E8, #004545, #4C0066, #321E00, #000202)
• Shadow Meadow color palette (#D5EED1, #0D7256, #003D44, #2C0333, #0B0004)
• Eclipse Spruce Atelier color palette (#E3F5EE, #393F47, #262E00, #0D1418, #000300)
• Spruce Chapel color palette (#CFE6E7, #3F3F46, #003225, #111419, #000303)

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