Spruce Loft color palette — #C2E9E0 · #3B3F47 · #193100 · #0E1418 · #000301

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

The five colors

• Honeydew (#C2E9E0): A whisper-light, dusty teal — the color of sea glass.
• Charcoal (#3B3F47): quiet, heavy and certain.
• Deep Forest (#193100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0E1418): quiet, heavy and certain.
• Black (#000301): 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

• Deep Abyss color palette (#D4EFF7, #424047, #003F41, #14141A, #00080D)
• Midnight Forest Garden color palette (#CAEBE9, #006638, #34363D, #00201B, #000707)
• Spruce Chapel color palette (#E4E3C4, #545C63, #203500, #0F1F1E, #000604)
• Wandering Abyss Garden color palette (#D6E6D9, #4E8093, #004060, #001F20, #000105)
• Smoked Aubergine color palette (#CBF1E5, #004639, #3C007C, #391900, #000201)
• Garnet Pier color palette (#D7F4F6, #005A43, #6B004D, #00251A, #040002)
• Onyx Market color palette (#E2E7D1, #2E633A, #00463F, #22073E, #090006)
• Smoked Spruce color palette (#C9E7DB, #383F47, #292D00, #0C1418, #000300)

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