Spruce Loft color palette — #E9EEE0 · #525C5F · #2F3C00 · #182222 · #000901

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

The five colors

• Cream (#E9EEE0): bright and airy, almost weightless.
• Charcoal Brown (#525C5F): a grounded near-black with real depth.
• Forest (#2F3C00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#182222): quiet, heavy and certain.
• Ink (#000901): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Deep Forest Drift color palette (#D6EACB, #006454, #312C25, #001F21, #020700)
• Aged Drift color palette (#EEE4D3, #2B99AD, #00516B, #002C29, #00050C)
• Aged Emerald Harbor color palette (#EDEFE1, #409943, #2B4400, #1E1F15, #0D0D07)
• Fern Basin color palette (#DCE1D2, #3A6E00, #00491A, #001E13, #000504)
• Chalky Canyon color palette (#CEEAD7, #006D40, #7C0073, #00331C, #080007)
• Pine Lagoon color palette (#EFF1D7, #447836, #004A3C, #241C3D, #100014)
• Deep Aubergine color palette (#E1F6EB, #00573C, #3D00A7, #511B00, #000201)
• Patina Cabin color palette (#F0F3D7, #4F595D, #0E4200, #152021, #000904)

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