Spruce Loft color palette — #DBF5DF · #52515A · #003539 · #0E1E21 · #000509

Built around Deep Forest, softened by Honeydew — the whole palette hums with sophistication and depth.

The five colors

• Honeydew (#DBF5DF): A whisper-light, dusty green — the color of new leaves after rain.
• Charcoal Brown (#52515A): quiet, heavy and certain.
• Deep Forest (#003539): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0E1E21): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000509): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Inked Ridge color palette (#DBF0F2, #006075, #003C52, #00182C, #06011A)
• Denim Courtyard color palette (#D7F0E6, #00577E, #612F00, #002336, #0E0300)
• Midnight Coast color palette (#DAF5E2, #007587, #003327, #061D10, #000A06)
• Shadow Fern color palette (#F0E6D6, #656009, #243000, #001D0D, #070600)
• Navy Market color palette (#ECE4D8, #5687A2, #003E6C, #002226, #000329)
• Hushed Cobalt color palette (#FDEDF5, #7C73AE, #4C353B, #31242B, #1B1214)
• Deep Garnet Workshop color palette (#D5ECFF, #00436B, #63002C, #1D2900, #000205)
• Weathered Bloom color palette (#D2EFED, #357385, #183B6A, #360814, #1F0600)

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