Spruce Loft color palette — #DCE5CF · #53565E · #003824 · #101F1D · #000605

Deep Forest and Celadon Mist set the tone — five colors that lean into sophistication and depth.

The five colors

• Celadon Mist (#DCE5CF): A whisper-light, dusty green — the color of fresh herbs.
• Charcoal Brown (#53565E): quiet, heavy and certain.
• Deep Forest (#003824): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#101F1D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000605): quiet, heavy and certain.

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

Use it as a design system

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

• Cypress Study color palette (#D2E4DB, #006C5A, #00403C, #001C1E, #000B0F)
• Shadow Garnet color palette (#DBEBDC, #005D60, #780022, #002627, #140002)
• Muted Lagoon color palette (#F1E6D4, #009392, #00454D, #002319, #000B11)
• Cellar Station color palette (#D6EEF1, #00484F, #56005C, #302100, #000203)
• Antique Quarry color palette (#FAEDFB, #3480CA, #4A3544, #2E252F, #121919)
• Inked Denim Summit color palette (#D9E8F2, #006190, #0A1A47, #000F1B, #000203)
• Hushed Cypress color palette (#DBF0DE, #00766B, #00414E, #371033, #2A020F)
• Cellar Spruce Corridor color palette (#DAEDD2, #51525B, #00362F, #0C1F1F, #000506)

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