Tempered Spruce Courtyard color palette — #F3F2E9 · #BEC8AC · #728B6A · #76585C · #2A3700

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

The five colors

• Cream (#F3F2E9): bright and airy, almost weightless.
• Pistachio (#BEC8AC): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#728B6A): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#76585C): A full-bodied, dusty red — the color of embers at dusk.
• Forest (#2A3700): 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 Tempered Spruce Courtyard 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 Lagoon color palette (#F4F3E3, #AEB991, #3F8376, #6D4A4E, #252A14)
• Muted Pewter Veranda color palette (#FCEFEB, #DCA1A4, #60AE94, #A05A5F, #273618)
• Aged Archive color palette (#E9F9F9, #CCE1F0, #80BBB4, #72899D, #354B4D)
• Hushed Cocoa color palette (#FFEEE7, #F1B5B4, #AF7375, #6E3737, #361509)
• Olive Market color palette (#FFEFDA, #ADAD57, #497A2A, #4B4476, #232200)
• Hushed Delta color palette (#F7F0EA, #C7E5E8, #8A9CC4, #2E7781, #442F3B)
• Aged Onyx color palette (#E8E9D4, #26785A, #003F3D, #3A002C, #000402)
• Dusty Forest color palette (#EAE0CD, #86955D, #2E6235, #3D3057, #161200)

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