Weathered Spruce color palette — #E3F0F0 · #7C9199 · #4E6F8A · #003322 · #000202

Deep Forest and Slate set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E3F0F0): a clean, paper-quiet neutral.
• Slate Blue (#7C9199): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4E6F8A): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#003322): 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 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

• Abyss Corridor color palette (#D6E2EB, #96A0B3, #86729A, #003C53, #00050B)
• Timeworn Abyss Dune color palette (#EAEEE8, #B0C0B0, #639CAA, #00473A, #000200)
• Tempered Balcony color palette (#E1EBED, #C1CED5, #90A5C3, #00635C, #0B181B)
• Lowlit Terrace color palette (#C4EEE2, #00645D, #00375B, #1D1300, #060300)
• Petrol Parlor color palette (#ECF3F7, #D7D7E1, #C3B9CC, #28809B, #232E34)
• Velvet Meadow color palette (#F6E0EA, #6A5600, #1F3000, #001917, #020100)
• Patina Aubergine Delta color palette (#CCE3EB, #4E8A00, #006C63, #35009D, #000102)
• Nocturne Forest Field color palette (#EEDAE8, #00552B, #002736, #1C0200, #000201)

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