Spruce Harbor color palette — #E6E7CF · #584D4D · #1A3400 · #001B20 · #100400

Built around Deep Forest, softened by Ink — the whole palette hums with nature and growth.

The five colors

• Parchment (#E6E7CF): A whisper-light, dusty green — the color of fresh herbs.
• Charcoal Brown (#584D4D): quiet, heavy and certain.
• Deep Forest (#1A3400): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001B20): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#100400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Spruce Harbor 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 Spruce color palette (#E3F2D9, #403235, #003A2F, #00172E, #0B0700)
• Obsidian Workshop color palette (#EFEFD1, #00574C, #002A2D, #070037, #000404)
• Deep Alley color palette (#E2F6DE, #00504B, #001493, #1D1B00, #040600)
• Spruce Corridor color palette (#E7ECE2, #909F8A, #657664, #003427, #060B03)
• Dusty Lagoon color palette (#D9F9E9, #006784, #540091, #00340C, #001C1B)
• Worn Canyon color palette (#E9FBE6, #00716F, #2F4898, #3A3900, #181E08)
• Powdered Chapel color palette (#EAE6CE, #515D00, #7C0040, #471200, #1B0F00)
• Patina Lagoon color palette (#DDECD8, #009268, #007267, #00474E, #000404)

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