Spruce Cabin color palette — #F4F7E9 · #D4A285 · #345C37 · #0A3812 · #212313

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

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Camel (#D4A285): A luminous, dusty gold — the color of old brass.
• Pine (#345C37): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#0A3812): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#212313): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Dusty Basin color palette (#FBF4E9, #C2AB80, #664D00, #3B2B00, #1C1D0C)
• Aged Bloom color palette (#F6F6E8, #DDC085, #597E45, #43433C, #222316)
• Weathered Boulevard color palette (#EAFAED, #DD8397, #00525A, #002D31, #001C18)
• Tempered Sand Parlor color palette (#EBF8F7, #FFC8A1, #6FA37D, #456B69, #102625)
• Patina Grove color palette (#DBEBCF, #E26848, #004637, #002118, #000B0C)
• Powdered Cobalt Balcony color palette (#F6F6EB, #A0B97B, #476CB7, #4E6B00, #301C2E)
• Weathered Cocoa color palette (#FFF2ED, #70A77B, #247490, #7A352F, #324329)
• Hushed Ridge color palette (#F3F6F0, #D3DDDB, #AEC5C7, #1F8862, #3A500B)

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