Hushed Spruce color palette — #DDE8E7 · #839093 · #566F7F · #003414 · #000202

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

The five colors

• Frost (#DDE8E7): bright and airy, almost weightless.
• Gray (#839093): a calm mid-gray that lets other colors speak.
• Slate (#566F7F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#003414): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Hushed 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

• Weathered Abyss color palette (#D9E5EB, #98A1AB, #747A95, #003D4A, #000509)
• Muted Meadow color palette (#E6E8E2, #B5BEB0, #859786, #004829, #010100)
• Nocturne Onyx color palette (#E0ECD7, #3A685F, #004033, #390500, #060500)
• Ancient Forest Pier color palette (#E1EBEC, #BFCED5, #96A6B5, #006450, #011A1C)
• Frosted Navy color palette (#CBEDEE, #7D7F00, #00714C, #003F84, #000102)
• Hushed Petrol Bloom color palette (#ECF3F6, #D5D7DE, #BFB9CB, #008490, #232E32)
• Inked Canyon color palette (#EED6ED, #2A5300, #00282E, #1E0003, #000201)
• Weathered Spruce color palette (#E5EDEE, #7D9199, #586E82, #003224, #000202)

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