Weathered Spruce color palette — #DDE9EB · #8C9DA6 · #5E728C · #00332C · #000C0E

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

The five colors

• Frost (#DDE9EB): bright and airy, almost weightless.
• Blue Fog (#8C9DA6): A luminous, dusty blue — the color of deep harbor water.
• Slate (#5E728C): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#00332C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000C0E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Tempered Spruce Lantern color palette (#D9E1D7, #839287, #527464, #00312E, #000200)
• Weathered Abyss Garden color palette (#DEE6E8, #92A9B2, #668CA4, #00504C, #000C0F)
• Ancient Denim color palette (#E6F0F4, #C4CDD6, #95A0BB, #006167, #18323B)
• Navy Pier color palette (#E1E7C6, #19725D, #034178, #282500, #041604)
• Weathered Ultramarine color palette (#EFF6FF, #CFD1E1, #AC9FC3, #0052BF, #22344B)
• Eclipse Corridor color palette (#C8EBFC, #574D4F, #00343D, #14151C, #000314)
• Aubergine Basin color palette (#D7EDF2, #539300, #006D75, #3D00A0, #00050A)
• Moonless Fern Workshop color palette (#F5E3E9, #675F12, #133400, #001B1C, #070600)

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