Muted Spruce color palette — #F3F8E6 · #9DDAB8 · #6FAF99 · #5A8CA0 · #2D3C00

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

The five colors

• Ivory (#F3F8E6): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#9DDAB8): A whisper-light, dusty teal — the color of sea glass.
• Jade (#6FAF99): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#5A8CA0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Forest (#2D3C00): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

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

• Taupe Workshop color palette (#F9F6E5, #BED2A2, #8BAB7D, #738C71, #36362F)
• Softworn Lagoon Meadow color palette (#FAF5E3, #9FBE9A, #518F77, #71597C, #35362F)
• Timeworn Teal color palette (#E3E7D7, #90C9A7, #49A485, #946C3A, #242D0E)
• Jade Studio color palette (#F6F8DE, #A4E0AC, #52BD85, #AF7C51, #1C4524)
• Worn Lagoon Dune color palette (#DCE5CE, #69B9A0, #009383, #2E6A8D, #002118)
• Worn Basin color palette (#F4F6EE, #C7E9D9, #76BBE5, #259BB3, #143E5D)
• Fern Field color palette (#F7F5EC, #E2E0BE, #B7B995, #AA9589, #564F00)
• Antique Cypress color palette (#E3F6F5, #7DAC94, #00765D, #134D63, #002122)

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