Eclipse Harbor color palette — #DDE4FF · #6C32D9 · #381930 · #101221 · #040409

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

The five colors

• Frost (#DDE4FF): A whisper-light, dusty violet — the color of a velvet chair.
• Violet (#6C32D9): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#381930): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#101221): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#040409): quiet, heavy and certain.

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

Use it as a design system

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

• Midnight Ultramarine Orchard color palette (#DEE7F3, #0058D3, #23223C, #091422, #02040B)
• Timeworn Orchard color palette (#E3E2F8, #9843BE, #3A2C3F, #1E1D2C, #0D0C12)
• Eclipse Chapel color palette (#E3E6FF, #5D009C, #332120, #220013, #020112)
• Lowlit Harbor color palette (#F9EAF5, #990086, #410007, #110620, #040106)
• Hushed Raspberry color palette (#F6EEFE, #AF5D8B, #483643, #2B2631, #171418)
• Lilac Cabin color palette (#EDDCE4, #9E89E7, #7A565B, #4F3241, #130A12)
• Ancient Atelier color palette (#E5E0FF, #AD42C3, #007F67, #006168, #2C273E)
• Velvet Ridge color palette (#EBE1ED, #C1004E, #422105, #201223, #0D040C)

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