Spruce Harbor color palette — #D0E7F5 · #4A3F40 · #003343 · #121219 · #000217

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

The five colors

• Frost (#D0E7F5): A whisper-light, dusty blue — the color of deep harbor water.
• Charcoal (#4A3F40): a grounded near-black with real depth.
• Deep Teal (#003343): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#121219): a grounded near-black with real depth.
• Ink (#000217): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: 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

• Smoked Garden color palette (#D5F6FB, #5D5459, #00372E, #161D22, #000507)
• Indigo Summit color palette (#DEE4F3, #6567B5, #322E48, #181E30, #0C0C15)
• Washed Lagoon Drift color palette (#EEE3EA, #408E91, #004454, #002416, #000A16)
• Lowlit Nightshade Balcony color palette (#E5EEFF, #242EA9, #302425, #160524, #010017)
• Navy Coast color palette (#D8E1F4, #72341B, #1D008A, #2C1327, #090012)
• Moonless Nightshade Drift color palette (#D6E7FE, #0C48AE, #513A00, #001955, #0A0500)
• Onyx Meadow color palette (#CEEFF7, #00658F, #003366, #090053, #0B0020)
• Moonless Coast color palette (#C8E8D8, #006582, #0B1F46, #02100C, #000201)

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