Eclipse Alley color palette — #E1DDF5 · #7B1B8C · #284900 · #370040 · #030800

Plum takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#E1DDF5): A whisper-light, dusty violet — the color of a velvet chair.
• Plum (#7B1B8C): A full-bodied, vivid pink — the color of neon signs at night.
• Deep Olive (#284900): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Indigo (#370040): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#030800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged dark.

Use it as a design system

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

• Lowlit Grape color palette (#DBDEFC, #6B11B0, #503A00, #2E0051, #090500)
• Sunlit Station color palette (#F0E6FB, #910063, #004A39, #3F0029, #000805)
• Feathered Byzantium Thicket color palette (#EFEDFF, #A941CA, #116A0F, #450057, #000900)
• Smoked Chapel color palette (#F1E9FA, #5A0089, #003E28, #002524, #030008)
• Powdered Plum Chapel color palette (#E5DAED, #B92875, #006762, #6B003E, #00201E)
• Antique Dune color palette (#E0D9F4, #B64FB2, #007D61, #790078, #003125)
• Tempered Pier color palette (#F8E8EB, #BD63DF, #2C8802, #660083, #010800)
• Powdered Harbor color palette (#DFEEF5, #00867D, #A5009C, #19040A, #03000A)

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