Spruce Loft color palette — #D9F1EA · #625756 · #253F00 · #1A1C22 · #000903

Forest and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D9F1EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#625756): quiet, heavy and certain.
• Forest (#253F00): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#1A1C22): a grounded near-black with real depth.
• Ink (#000903): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Inked Grove color palette (#D2E9DD, #3F4048, #00412B, #11151A, #000808)
• Olive Courtyard color palette (#CFE5D3, #716A00, #2E3C00, #291C00, #030300)
• Antique Veranda color palette (#DFF2F1, #31995B, #264044, #152120, #070E0D)
• Worn Mulberry color palette (#D1E5DC, #006C4E, #850052, #003323, #090003)
• Cerulean Market color palette (#DFF0E2, #2898B7, #004F73, #002B2C, #00040F)
• Timeworn Quarry color palette (#CBF4EE, #156E0D, #37353C, #002519, #000A09)
• Tempered Canyon color palette (#EBF3D3, #3B794B, #004B44, #1D1E3D, #180116)
• Deep Aubergine color palette (#C4E8DC, #005745, #49009B, #4B2100, #000201)

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