Dusty Spruce color palette — #D9E8E8 · #7C9297 · #586F7B · #003321 · #000202

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

The five colors

• Frost (#D9E8E8): bright and airy, almost weightless.
• Gray (#7C9297): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#586F7B): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#003321): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Weathered Courtyard color palette (#E2ECF3, #97A1AD, #727A98, #003C51, #00050B)
• Antique Abyss color palette (#E5EBDF, #B4BEB0, #879786, #004736, #010100)
• Softworn Quarry color palette (#E2EBED, #BCCFD8, #96A6B5, #00635A, #07191C)
• Nocturne Navy color palette (#DDEADD, #206E6C, #113B62, #281000, #060200)
• Softworn Olive color palette (#D3E8ED, #598800, #007169, #003D71, #000102)
• Tempered Petrol color palette (#EBF3F7, #D5D7E3, #BEBBC8, #457E8E, #252E32)
• Abyss Chapel color palette (#F7D6CC, #00543A, #002733, #1D0004, #000201)
• Nocturne Onyx color palette (#D1E6E9, #00463C, #320042, #170006, #020100)

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