Muted Spruce color palette — #F3F7E9 · #85C4AA · #4A8F7F · #456D5D · #283D00

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

The five colors

• Ivory (#F3F7E9): a clean, paper-quiet neutral.
• Mint Leaf (#85C4AA): A luminous, dusty teal — the color of sea glass.
• Fern (#4A8F7F): A full-bodied, dusty teal — the color of glacier melt.
• Pine (#456D5D): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#283D00): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Antique Workshop color palette (#F7F6E8, #B6B88D, #5F8E61, #4C6D51, #36362F)
• Antique Cypress color palette (#E2E8D4, #73B599, #20836F, #695129, #212E0D)
• Patina Lantern color palette (#E9F9F8, #A4DFC7, #309E89, #436882, #0A2E30)
• Tempered Basalt color palette (#F8F5EA, #9A9F7A, #1E735B, #5F3A6A, #35362F)
• Softworn Basalt color palette (#FAF4EB, #D4C398, #919362, #8C685E, #543F00)
• Teal Pier color palette (#E8F0E0, #44A593, #00706A, #14496E, #00211B)
• Ancient Forest Atelier color palette (#E4E5CB, #548252, #00542A, #452000, #000900)
• Olive Meadow color palette (#F3EBCE, #9DB758, #518900, #8D412F, #283300)

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