Deep Spruce color palette — #D9EAF2 · #615C53 · #00343D · #191B22 · #000509

Deep Teal and Frost set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#D9EAF2): A whisper-light, dusty blue — the color of open sky before noon.
• Graphite (#615C53): quiet, heavy and certain.
• Deep Teal (#00343D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#191B22): quiet, heavy and certain.
• Ink (#000509): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Midnight Thicket color palette (#DBF3FD, #403E45, #003037, #13131A, #000206)
• Lowlit Pier color palette (#D7EBF3, #006874, #0B223F, #070E12, #000204)
• Eclipse Forest Pier color palette (#D3E6F8, #005684, #014D0F, #002339, #000901)
• Inked Fern Parlor color palette (#DAEEE5, #526700, #1B3200, #001D07, #040700)
• Patina Terrace color palette (#EFF1FF, #886BB7, #3B394F, #262833, #161419)
• Feathered Petrol color palette (#C1E6F5, #196999, #1E3562, #300A34, #210016)
• Navy Loft color palette (#E2F0F0, #4986B5, #003D71, #00202E, #000720)
• Nightshade Boulevard color palette (#E1EDFF, #1027A6, #590053, #002A2C, #000011)

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