Spruce Workshop color palette — #E4F1ED · #80A9AA · #5C8290 · #293E00 · #000604

Built around Forest, softened by Storm Blue — the whole palette hums with nature and growth.

The five colors

• Cream (#E4F1ED): bright and airy, almost weightless.
• Blue Fog (#80A9AA): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#5C8290): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#293E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000604): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Spruce Workshop 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

• Wandering Spruce color palette (#DFEBEC, #74939E, #586E80, #003320, #000202)
• Antique Abyss color palette (#DEEBF0, #A2B6C9, #838DA8, #004D55, #000D13)
• Softworn Fern color palette (#EEF0DF, #CBD4B9, #9BAC91, #2B5B16, #030300)
• Worn Corridor color palette (#EAF4F7, #D1D6E4, #ACB8CD, #007374, #182225)
• Fern Hollow color palette (#E7F5F3, #B5DCE2, #89B2C6, #1D6E01, #0B1E1B)
• Weathered Pine Grove color palette (#ECEBDD, #337F58, #004D63, #450805, #200000)
• Dusty Bronze Summit color palette (#DCF5E4, #A87F00, #00845C, #005483, #000202)
• Dusty Lantern color palette (#DAEFE3, #347A23, #004034, #231F00, #000400)

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