Shadow Harbor color palette — #D2E1F8 · #0032F1 · #1F1444 · #020A26 · #01010B

Cobalt takes the lead with Deep Indigo close behind in a set that reads as creativity and energy at first glance.

The five colors

• Frost (#D2E1F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#0032F1): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#1F1444): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#020A26): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#01010B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

Use it as a design system

One click turns Shadow 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

• Sapphire Workshop color palette (#F1E2F0, #1E6BF8, #442A58, #021643, #000A05)
• Smoked Balcony color palette (#EAE3FF, #6F00D4, #2F0D36, #110426, #04010E)
• Smoked Bloom color palette (#D2E7FA, #005E99, #111946, #000E1E, #000108)
• Lowlit Parlor color palette (#E7E7FF, #7225A4, #3E302C, #2B0C27, #080618)
• Powdered Atelier color palette (#F5E8F3, #578BFF, #584A99, #243455, #000A07)
• Shadow Aubergine Cabin color palette (#D7E1FF, #693301, #2F007E, #2B1327, #090011)
• Washed Cobalt Coast color palette (#EDF2FC, #6D78B1, #393B4B, #232934, #14151A)
• Powdered Byzantium color palette (#EADDF9, #933AD6, #8E5400, #006059, #301348)

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