Spruce Harbor color palette — #D1E7E5 · #3B4047 · #004314 · #0B1719 · #000808

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

The five colors

• Silver (#D1E7E5): A whisper-light, dusty teal — the color of glacier melt.
• Charcoal (#3B4047): a grounded near-black with real depth.
• Forest (#004314): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#0B1719): a grounded near-black with real depth.
• Ink (#000808): 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 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

• Velvet Garden color palette (#D0ECF4, #58535A, #003F3F, #1F1B21, #000711)
• Lagoon Courtyard color palette (#E2F1F2, #369678, #283F4A, #122122, #080E0C)
• Moonless Bloom color palette (#EAF0D5, #006522, #383E44, #001D1D, #000400)
• Tempered Olive Meadow color palette (#DDF1E1, #5C721C, #004225, #291C00, #020300)
• Aged Parlor color palette (#D5E9F8, #007EB2, #2A3042, #081722, #02070A)
• Ancient Garnet Loft color palette (#D9EEF1, #006A5E, #8A0037, #00322B, #0A0002)
• Dusty Summit color palette (#EDD9E0, #5691B9, #273D9C, #002C2B, #070016)
• Dusty Meadow color palette (#F2F1E3, #397B48, #004E60, #3F0F23, #190008)

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