Eclipse Pier color palette — #EDDCE3 · #5E2E00 · #002230 · #231907 · #18000E

A conversation between Cocoa and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#EDDCE3): A whisper-light, dusty rose — the color of a warm blush.
• Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.
• Midnight (#002230): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#231907): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#18000E): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

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

• Midnight Basalt Dune color palette (#EDE6D0, #3F3E00, #002426, #0B0020, #040000)
• Shadow Onyx Thicket color palette (#DEF4F0, #124A00, #310042, #221B08, #19000A)
• Hazy Aubergine Study color palette (#C5F3EE, #128C39, #660090, #562000, #2B1B00)
• Twilit Fern color palette (#E9E2C0, #4E6C00, #004121, #001911, #00050A)
• Midnight Field color palette (#E3F4F0, #0B6D5A, #003138, #310012, #000805)
• Aged Onyx Balcony color palette (#F8E0D5, #776D2B, #0D4532, #3D001A, #200200)
• Aubergine Atelier color palette (#C6E8D9, #595D00, #390390, #41000F, #1B0600)
• Aged Onyx color palette (#EFE0EB, #428D9A, #004162, #002416, #02002F)

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