Spruce Field color palette — #ECDDC6 · #6F5300 · #1D4100 · #002522 · #260500

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

The five colors

• Bone (#ECDDC6): A whisper-light, dusty gold — the color of old brass.
• Coffee (#6F5300): A full-bodied, balanced gold — the color of old brass.
• Forest (#1D4100): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#002522): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#260500): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Spruce Field 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

• Chestnut Villa color palette (#F7E4CE, #784E00, #004129, #001B34, #0A0008)
• Tempered Fern Basin color palette (#E4E1C7, #496200, #004136, #400400, #191000)
• Patina Coast color palette (#F3F0D7, #868100, #4D5300, #2C3600, #132200)
• Terracotta Basin color palette (#F4E1D5, #933500, #453400, #0E2600, #26001A)
• Obsidian Cocoa Meadow color palette (#FBECD0, #564200, #222E2E, #120F00, #050200)
• Faded Amber color palette (#EDE2D3, #E38600, #A67500, #695F00, #1E1500)
• Worn Olive Summit color palette (#ECEAC9, #547D00, #005949, #003947, #361E00)
• Navy Canyon color palette (#DCE6CB, #007C51, #00505B, #01256E, #1F2200)

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