Muted Spruce Courtyard color palette — #F0F3EB · #DDBC9E · #376E55 · #273700 · #12150C

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

The five colors

• Cream (#F0F3EB): a clean, paper-quiet neutral.
• Sand (#DDBC9E): A luminous, dusty gold — the color of afternoon light on wheat.
• Pine (#376E55): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#273700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#12150C): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Ancient Denim Lagoon color palette (#E6F6EF, #E0A192, #005D7E, #003021, #050F0B)
• Sand Lantern color palette (#E8F9FA, #F7C799, #578A75, #375354, #232E2E)
• Cobalt Orchard color palette (#F1F3EC, #9AD3AF, #5284C8, #2E8457, #1B131B)
• Timeworn Veranda color palette (#CEE8D9, #C24F23, #4A4A53, #002F3C, #00090E)
• Shadow Field color palette (#D9E3D1, #864400, #2F353C, #001912, #000201)
• Worn Driftwood color palette (#EFF3EE, #CFD9D8, #A5B3BC, #718B6A, #333832)
• Iris Coast color palette (#F1F4E3, #6CA56F, #9670B2, #864C3E, #222417)
• Dusty Teal Lagoon color palette (#FFEEE3, #61BEB2, #487EA7, #74442F, #203124)

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