Dusty Spruce color palette — #CAECF1 · #8EA8BF · #6B6D8B · #2B4F49 · #00322C

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

The five colors

• Frost (#CAECF1): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8EA8BF): A luminous, dusty blue — the color of deep harbor water.
• Slate (#6B6D8B): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#2B4F49): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Forest (#00322C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Dusty Chestnut color palette (#DEEFFF, #A0ABC7, #726F8C, #6A4D2B, #254E3A)
• Patina Iris color palette (#CCEEFF, #8896E2, #985B78, #004F48, #002C28)
• Dusty Archive color palette (#E7F4FF, #C4C6E4, #9C89A0, #4B6F76, #25454B)
• Washed Meadow color palette (#E7F6EF, #81AC8A, #10746B, #284966, #002220)
• Dusty Chestnut Courtyard color palette (#E3E9FE, #AE84A1, #865741, #1E495C, #001F2C)
• Abyss Studio color palette (#DDEDC5, #99C0AB, #A58194, #537756, #194E37)
• Cobalt Studio color palette (#FAEEF3, #ACCCE2, #517CBC, #005C52, #1F1A3D)
• Ancient Pier color palette (#D8FFF4, #ECC5DE, #A88CB4, #8B6947, #454011)

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