Shadow Spruce color palette — #DAEFF3 · #5C5354 · #00312D · #10151A · #000305

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

The five colors

• Frost (#DAEFF3): A whisper-light, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5C5354): quiet, heavy and certain.
• Deep Forest (#00312D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#10151A): quiet, heavy and certain.
• Ink (#000305): a grounded near-black with real depth.

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

• Forest Terrace color palette (#D4E4DF, #28654B, #003132, #0F1700, #000201)
• Cocoa Thicket color palette (#D9F0FC, #005569, #652400, #00232C, #030000)
• Aged Cobalt color palette (#E9EEF7, #7280B1, #3B394A, #171E2D, #080D11)
• Tempered Navy Summit color palette (#E8DCE4, #577F93, #003E69, #002017, #01000B)
• Nocturne Loft color palette (#DDE8F4, #003E6A, #620203, #301600, #000104)
• Obsidian Ultramarine color palette (#D9E9FF, #0048D7, #2A0E3C, #000421, #000103)
• Lowlit Delta color palette (#C9E7E8, #51474A, #003322, #0D1619, #000304)
• Deep Spruce color palette (#DBEDF1, #49474F, #003632, #191B22, #000507)

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