Weathered Spruce color palette — #DEE9EF · #7C919E · #546F83 · #003039 · #000103
Deep Forest and Slate set the tone — five colors that lean into sophistication.
The five colors
- Frost (#DEE9EF): a clean, paper-quiet neutral.
- Slate Blue (#7C919E): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#546F83): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#003039): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000103): a grounded near-black with real depth.
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
- Washed Spruce Pier color palette (#DFE7E0, #84A296, #7F687D, #003237, #040C05)
- Navy Boulevard color palette (#DDE4EE, #848EA0, #606A89, #001D70, #000106)
- Hushed Atelier color palette (#E3ECEF, #A9BECE, #7D93B3, #00454B, #000102)
- Weathered Navy Grove color palette (#D8E7F2, #00849A, #006489, #003F81, #000103)
- Denim Workshop color palette (#E2EAF1, #C3CDD6, #95A5BA, #005C82, #0D171E)
- Navy Loft color palette (#DCE3ED, #ABB4C2, #7E8DB2, #003E90, #040B16)
- Aged Balcony color palette (#EEF1FD, #D0D2E6, #B9A1C7, #5F45A9, #15182B)
- Muted Corridor color palette (#EEF2F8, #DAD6E3, #C4B9D0, #6273A4, #272C36)
Browse the whole catalog at Explore, or see today's palette.