Smoked Spruce color palette — #F5EED5 · #545961 · #2D2C00 · #0F1611 · #000300

Espresso and Cream set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5EED5): A whisper-light, dusty green — the color of fresh herbs.
• Charcoal Brown (#545961): a grounded near-black with real depth.
• Espresso (#2D2C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0F1611): quiet, heavy and certain.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Abyss Drift color palette (#DAE9D0, #515A61, #004034, #162227, #00080A)
• Obsidian Fern color palette (#EEEAD9, #465000, #0C3200, #001508, #000201)
• Aged Lagoon color palette (#E7F0E8, #009598, #294138, #162217, #0B0D08)
• Forest Lagoon color palette (#E9E8D3, #08693E, #00322C, #2E0002, #000201)
• Smoked Fern color palette (#EFF1D7, #2C6B18, #530045, #062600, #040002)
• Smoked Fern Grove color palette (#EDE3D7, #5E631C, #00422B, #2E0029, #080007)
• Velvet Harbor color palette (#D9F3D8, #03490C, #4E0061, #44002A, #000200)
• Spruce Thicket color palette (#F6EFD6, #404C4A, #2F3000, #151E18, #030500)

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