Washed Spruce color palette — #DDE8E9 · #819096 · #596E80 · #003323 · #000202

Built around Deep Forest, softened by Slate — the whole palette hums with sophistication.

The five colors

• Frost (#DDE8E9): bright and airy, almost weightless.
• Gray (#819096): soft and architectural.
• Slate (#596E80): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#003323): A deep, shadowed, dusty teal — the color of shallow lagoons.
• 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 Washed 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

• Patina Abyss Summit color palette (#DEE4E9, #96A0B2, #787897, #003C53, #00050B)
• Hushed Abyss Studio color palette (#E1E6DD, #B2BFB0, #829889, #004738, #010200)
• Patina Cypress color palette (#E0EBEE, #C3CDD4, #98A5B7, #00635D, #09191C)
• Charred Cypress color palette (#E6E6C4, #1C705B, #003F55, #211700, #070500)
• Tempered Navy color palette (#D1EEF4, #7B8300, #006761, #00378A, #000102)
• Petrol Field color palette (#ECF3F7, #D7D7E1, #C1B9C7, #2B8099, #202E36)
• Charred Chestnut color palette (#FDE8F2, #6D5400, #232F00, #001915, #020100)
• Forest Corridor color palette (#F2DAEC, #005624, #002734, #1D0100, #000201)

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