Spruce Studio color palette — #F4F7EA · #C1E8D1 · #56B0A5 · #8B6B7D · #2A4000

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Celadon Mist (#C1E8D1): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#56B0A5): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#8B6B7D): A full-bodied, dusty pink — the color of peonies in June.
• Deep Olive (#2A4000): A deep, shadowed, balanced 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

• Ancient Orchard color palette (#FAF5E9, #D1E5C1, #82AB72, #916A73, #3A3932)
• Tempered Fern Dune color palette (#F9F6E4, #ACE5BC, #7CB9B3, #A88781, #3D4900)
• Muted Lagoon color palette (#F4F7E6, #9FE1C2, #00A08F, #86515E, #222C10)
• Timeworn Cypress color palette (#EAF9F9, #86BAC1, #3F8079, #445D72, #2D484B)
• Chalky Loft color palette (#FFF2EF, #FFC1CB, #0AD8D2, #C96279, #004240)
• Softworn Olive color palette (#E5DFCA, #648741, #00491B, #31032F, #010100)
• Antique Powder color palette (#F9F4ED, #C4E0F2, #92BCFE, #2590AA, #4F3649)
• Patina Cocoa Courtyard color palette (#FFF2EE, #E0D9CE, #D79EB4, #9EB2B2, #75381A)

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