Spruce Villa color palette — #DEF2DC · #4E4E57 · #00312F · #071719 · #000304

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

The five colors

• Honeydew (#DEF2DC): A whisper-light, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#4E4E57): a grounded near-black with real depth.
• Deep Forest (#00312F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#071719): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000304): quiet, heavy and certain.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Spruce Villa 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 Atelier color palette (#DBEDD7, #004641, #242B31, #031113, #000103)
• Shadow Cocoa Chapel color palette (#D1EDDF, #00546D, #662300, #00222E, #030000)
• Worn Cerulean Alley color palette (#F8EFE0, #2B849F, #00405E, #001F20, #000105)
• Timeworn Iris color palette (#F7E9F2, #7379CB, #4D323D, #261A22, #0F0B0F)
• Garnet Atelier color palette (#D9E9F3, #00415B, #5D0037, #232500, #000103)
• Navy Station color palette (#E5F2DD, #006775, #00375E, #330015, #0F0100)
• Eclipse Ultramarine color palette (#F3E0EF, #2624F9, #220D49, #010324, #000201)
• Velvet Spruce color palette (#DCF4E2, #524F5A, #003037, #0B171A, #000205)

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