Spruce Loft color palette — #D7F6EF · #404750 · #1C3600 · #151B21 · #000603

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

The five colors

• Honeydew (#D7F6EF): A whisper-light, dusty teal — the color of sea glass.
• Charcoal (#404750): a grounded near-black with real depth.
• Deep Forest (#1C3600): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#151B21): a grounded near-black with real depth.
• Ink (#000603): 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

• Smoked Ridge color palette (#CEEDF7, #5A535A, #004244, #201C23, #000A12)
• Forest Ridge color palette (#CBEDEC, #006637, #3B3940, #001F1E, #000C0B)
• Patina Cerulean Studio color palette (#E3F5FF, #008BAA, #313D4D, #212A2F, #111519)
• Washed Garnet Archive color palette (#DCEEEF, #006044, #75003D, #00281A, #130005)
• Lowlit Fern Parlor color palette (#D6E8D7, #636100, #183300, #211400, #000804)
• Charred Garnet color palette (#E1F3EC, #004B39, #5E0044, #490019, #000201)
• Washed Pine color palette (#EAE7D4, #2C7C41, #004144, #331228, #230006)
• Twilit Spruce color palette (#DFF4E3, #444850, #003817, #161B21, #000605)

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