Eclipse Pier color palette — #DCE7FF · #3C36BB · #533900 · #170066 · #0A0500

Built around Indigo, softened by Deep Indigo — the whole palette hums with optimism and creativity.

The five colors

• Frost (#DCE7FF): A whisper-light, dusty violet — the color of a velvet chair.
• Indigo (#3C36BB): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#533900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Indigo (#170066): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0A0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Energy, Depth, Luxury. Tagged dark.

Use it as a design system

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

• Cellar Chapel color palette (#D9E5F5, #004F9D, #593500, #001F45, #0C0400)
• Worn Aubergine color palette (#ECEEFD, #6324AC, #274900, #2B0054, #020800)
• Smoked Alley color palette (#E7EEFF, #1E1FD2, #004736, #080066, #000201)
• Shadow Grove color palette (#E0E6FF, #2F0EAE, #403100, #142407, #01000F)
• Lapis Atelier color palette (#E4E9FF, #504FE1, #A5003A, #291299, #130002)
• Faded Delta color palette (#D6DDF9, #8463E1, #687200, #5408B3, #282C00)
• Hushed Plum Veranda color palette (#DFEBFF, #A784CB, #B24482, #003850, #11082F)
• Muted Thicket color palette (#FAE2F4, #556EF3, #8C6C00, #3038CB, #090500)

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