Weathered Spruce color palette — #E7F0ED · #97AEB0 · #5F8695 · #254000 · #031814

Built around Forest, softened by Storm Blue — the whole palette hums with nature and growth.

The five colors

• Cream (#E7F0ED): bright and airy, almost weightless.
• Ash (#97AEB0): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#5F8695): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#254000): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#031814): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Spruce Parlor color palette (#E0E9E9, #8D9DA2, #527591, #003423, #000C0D)
• Timeworn Corridor color palette (#DCEBE9, #95BDBD, #6C9FA7, #1E6308, #001915)
• Dusty Abyss color palette (#D7E4E9, #AABBCC, #848DAA, #004E58, #132227)
• Fern Loft color palette (#E9F9F7, #BBD9DE, #70B2C5, #136D0F, #1F3835)
• Antique Corridor color palette (#EFF7F9, #D6D9E2, #A9B4C8, #007275, #323D40)
• Deep Abyss Alley color palette (#CCE5E5, #5A5861, #00452F, #1A1F27, #000A0D)
• Ancient Pine Study color palette (#DEF0E6, #487A3E, #004235, #272300, #021500)
• Washed Lantern color palette (#F3ECD5, #318C61, #004E67, #521B0E, #2B1600)

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