Spruce Loft color palette — #CAF6F1 · #3F3538 · #004311 · #0B181A · #000907

Forest takes the lead with Honeydew close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#CAF6F1): A whisper-light, dusty teal — the color of sea glass.
• Charcoal (#3F3538): a grounded near-black with real depth.
• Forest (#004311): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#0B181A): quiet, heavy and certain.
• Ink (#000907): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Basalt Loft color palette (#DEEFE8, #66595B, #363A00, #191C23, #000902)
• Charred Veranda color palette (#DCE4D8, #006D42, #00493A, #002120, #000405)
• Worn Atelier color palette (#E0F1F2, #1E9875, #1D414D, #132122, #080E0D)
• Cobalt Terrace color palette (#DBEAF6, #007FAF, #21304E, #061824, #030709)
• Aubergine Quarry color palette (#DCF3FB, #00686E, #740086, #003034, #070009)
• Linen Navy color palette (#F8E9EF, #5491B8, #0040A3, #002B2E, #04001A)
• Pine Bloom color palette (#E2E2C6, #378256, #004E50, #46001C, #1C0002)
• Garnet Workshop color palette (#C9E6DE, #005648, #720048, #541700, #000201)

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