Spruce Villa color palette — #D7F4E7 · #353600 · #00272B · #1D0018 · #020200

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

The five colors

• Honeydew (#D7F4E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Espresso (#353600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Midnight (#00272B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#1D0018): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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

• Shadow Onyx color palette (#DEF3E3, #483600, #222A00, #0B003C, #040200)
• Eclipse Courtyard color palette (#C3ECE5, #0A4605, #403433, #152128, #000B0A)
• Antique Olive Pier color palette (#FCE3CC, #7E7600, #044A0C, #00221A, #000C0F)
• Obsidian Cocoa color palette (#FDE2F1, #793100, #003037, #2D0009, #130300)
• Patina Basalt color palette (#E5F2EC, #96AFAD, #60878F, #393A00, #001910)
• Twilit Summit color palette (#D2EBF5, #00585F, #00295E, #2F0D00, #000808)
• Muted Bloom color palette (#CFF5EB, #CA8300, #5D7500, #005567, #001207)
• Ancient Garnet color palette (#EAF8FF, #00778F, #004F64, #6E001C, #00241B)

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