Softworn Spruce color palette — #DCEEEA · #5B8CA3 · #4E567E · #463200 · #1B3300

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

The five colors

• Honeydew (#DCEEEA): bright and airy, almost weightless.
• Storm Blue (#5B8CA3): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#4E567E): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#463200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#1B3300): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Cocoa Balcony color palette (#D1EBD4, #489C9A, #315F84, #652300, #2D2700)
• Softworn Basalt color palette (#CEEAF1, #967594, #62517C, #3E3E00, #003724)
• Basalt Grove color palette (#CBE8EF, #5B7AA5, #573869, #283100, #00220E)
• Softworn Denim color palette (#F3E6E0, #66ABBA, #005E86, #003F35, #001D48)
• Ancient Periwinkle Bloom color palette (#CAEBEE, #7BA6E2, #8A76A5, #456753, #052F1B)
• Abyss Meadow color palette (#C0ECF4, #709BC3, #7769A1, #595400, #00502B)
• Washed Cobalt Basin color palette (#E1EEFF, #6C78AF, #544578, #4E1E30, #260006)
• Washed Hollow color palette (#FBDCF1, #AB8C9F, #81575C, #2F5324, #003D3E)

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