Eclipse Pier color palette — #ECE2F8 · #67009E · #5A3400 · #003733 · #020006
A conversation between Plum and Cocoa, giving this palette its sense of optimism and creativity.
The five colors
- Frost (#ECE2F8): A whisper-light, dusty violet — the color of twilight just after sunset.
- Plum (#67009E): A full-bodied, vivid violet — the color of a velvet chair.
- Cocoa (#5A3400): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#003733): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Optimism, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.
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
- Lowlit Mulberry Delta color palette (#FFE7F6, #800068, #483E00, #003541, #040002)
- Linen Aubergine Orchard color palette (#F2ECFF, #6200B2, #214C00, #003425, #0C001F)
- Eclipse Nightshade Field color palette (#FBE3F4, #350ECA, #721800, #00391D, #01000A)
- Chalky Byzantium color palette (#F4ECFD, #8E00D7, #814D00, #005751, #0E001B)
- Timeworn Ultramarine Drift color palette (#FBE3FB, #0063CA, #4B6200, #004E46, #000105)
- Frosted Nightshade color palette (#FFEBE3, #A7001C, #065D11, #0020A5, #0D0000)
- Shadow Byzantium color palette (#ECDEF4, #9642C4, #5C0074, #1E002F, #030005)
- Plum Cabin color palette (#F6E0DD, #BA2562, #536800, #00517D, #1D0101)
Browse the whole catalog at Explore, or see today's palette.