Weathered Spruce color palette — #E7F1EC · #8E9E9A · #5C7676 · #312C00 · #000D06

Espresso and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F1EC): bright and airy, almost weightless.
• Blue Fog (#8E9E9A): soft and architectural.
• Slate (#5C7676): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#312C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000D06): 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

• Ancient Abyss Basin color palette (#D3E4E5, #95AEB6, #6A8393, #004231, #00181A)
• Worn Ridge color palette (#F3EFE4, #918E7C, #726E24, #2C2C00, #020100)
• Softworn Ridge color palette (#E7F1EE, #C0D0CF, #8CA6AA, #475F00, #1D332D)
• Weathered Loft color palette (#D5F9EC, #A56F00, #526F00, #004C43, #000801)
• Dusty Pine Veranda color palette (#E6DFC9, #4B7542, #004A44, #330D1D, #1D0000)
• Spruce Boulevard color palette (#CDF1E9, #404750, #1B3600, #151B21, #000603)
• Nocturne Fern Field color palette (#F3E5D9, #534B00, #002C1A, #1A0023, #020400)
• Tempered Delta color palette (#EEF7F7, #D3DDE5, #B9C0CD, #4B8263, #3F4A4A)

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