Spruce Garden color palette — #F4F7E9 · #BEEBD0 · #8BA784 · #906C65 · #2A4000

Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Mint (#BEEBD0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8BA784): A luminous, dusty green — the color of fresh herbs.
• Mocha (#906C65): A full-bodied, dusty orange — the color of autumn markets.
• 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 Garden 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 Bronze color palette (#F9F5E8, #BEE2D3, #ACB391, #B3754E, #4C4800)
• Misty Jade Dune color palette (#F7F7DB, #B2E8BF, #0BAA86, #8E5F32, #11371E)
• Dusty Loft color palette (#F6F6EC, #CADDB5, #65BCC2, #AF7F98, #334B07)
• Softworn Driftwood color palette (#FCF4E7, #D8D399, #809352, #746039, #30270B)
• Quiet Courtyard color palette (#FFF2EA, #FFD7AB, #C49941, #7C6808, #484815)
• Muted Hollow color palette (#FAF4EB, #BCE5EE, #86C6DA, #499183, #1B493A)
• Tempered Dune color palette (#ECE8CD, #5D8756, #00482C, #301100, #000200)
• Worn Lagoon Grove color palette (#E8FAF7, #88BABD, #09857B, #65526A, #2A484A)

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