Spruce Studio color palette — #F3F2EA · #BCCAA3 · #49908F · #7A5756 · #293700

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

The five colors

• Cream (#F3F2EA): bright and airy, almost weightless.
• Pistachio (#BCCAA3): A luminous, dusty green — the color of new leaves after rain.
• Storm Blue (#49908F): A luminous, dusty teal — the color of sea glass.
• Graphite (#7A5756): A full-bodied, dusty orange — the color of toasted spice.
• Deep Forest (#293700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Spruce Studio 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 Chestnut Canyon color palette (#F6F1E9, #C8C5A0, #589175, #7C5B11, #32312A)
• Emerald Meadow color palette (#FFEFD7, #B1B774, #5F9248, #346C4C, #2A3924)
• Lagoon Pier color palette (#ECF7DC, #A7DBBA, #4E9D72, #215C38, #1B2203)
• Wandering Ash Field color palette (#ECF8F4, #AADCDB, #72A5B2, #83788D, #3D5251)
• Tempered Corridor color palette (#F3F3E3, #9EBF89, #C184B9, #5C7D44, #43282C)
• Basalt Bloom color palette (#F3F3E5, #BADDDE, #E1C7D0, #9B8869, #344000)
• Timeworn Peony Studio color palette (#F2F4DD, #83A974, #BB71A0, #9F6088, #282915)
• Softworn Turquoise color palette (#F7F0ED, #C8E6DE, #57A8C7, #497753, #403041)

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