Muted Spruce color palette — #E9F2F1 · #8F9DA0 · #507788 · #00351C · #000C0C

Deep Forest takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E9F2F1): bright and airy, almost weightless.
• Blue Fog (#8F9DA0): a calm mid-gray that lets other colors speak.
• Slate (#507788): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#00351C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000C0C): 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 Muted 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 Quarry color palette (#E9EEE2, #889182, #5C7257, #003321, #010200)
• Dusty Abyss Loft color palette (#E0EDF5, #9FAAB7, #727E9E, #003E4F, #06161F)
• Timeworn Hollow color palette (#E6F1F2, #BFCFD6, #8DA4B6, #006355, #1D3235)
• Moss Quarry color palette (#D3EBEE, #719700, #006B5F, #003C5E, #000404)
• Onyx Archive color palette (#D8E4CD, #3C7059, #004854, #41000D, #1E0F00)
• Forest Studio color palette (#EDDEE9, #005A2C, #002930, #220003, #000503)
• Timeworn Terrace color palette (#EFF6FA, #D8DBE5, #C0BECE, #008395, #3B4A51)
• Spruce Thicket color palette (#E7F0F1, #8F9CA2, #5C7485, #003329, #000C0E)

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