Softworn Spruce color palette — #E8F2EB · #82918D · #547173 · #332900 · #000201

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

The five colors

• Cream (#E8F2EB): a clean, paper-quiet neutral.
• Eucalyptus (#82918D): a calm mid-gray that lets other colors speak.
• Graphite (#547173): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#332900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

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

• Aged Cabin color palette (#D8E4E4, #92A3A9, #667F93, #004228, #000606)
• Wandering Veranda color palette (#E5E1D9, #BEBBA9, #929576, #463C00, #020100)
• Weathered Basin color palette (#E2ECE8, #C1CFCE, #8EA9B0, #545B00, #021B13)
• Onyx Quarry color palette (#ECE1CA, #725B24, #423B0A, #2C0032, #0D0000)
• Rust Ridge color palette (#D2F1E2, #C25A00, #625F00, #00413C, #000200)
• Inked Fern color palette (#F6DDE5, #625A00, #113300, #210F00, #010100)
• Worn Pine Dune color palette (#ECF4F3, #D2D8DD, #B6BCC9, #428651, #20302E)
• Twilit Spruce color palette (#D2FAEE, #332E38, #222F00, #0B1716, #000302)

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