Eclipse Pier color palette — #F8DCE5 · #6E5600 · #402400 · #230700 · #030400

A conversation between Coffee and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#F8DCE5): A whisper-light, dusty rose — the color of a warm blush.
• Coffee (#6E5600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#402400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#230700): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, 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

• Bronze Loft color palette (#DFF6DD, #8D6722, #613C00, #381C00, #050300)
• Shadow Harbor color palette (#DDDDEF, #4C6A00, #2B0F10, #220033, #05000B)
• Faded Cocoa color palette (#F7D7EA, #9D6832, #762900, #4F0315, #1E1400)
• Midnight Garnet Hollow color palette (#F4DDEE, #640C00, #1E1600, #000D0C, #040006)
• Plum Archive color palette (#FADEF3, #AC2B5B, #600107, #1A0800, #020200)
• Hushed Driftwood color palette (#D5E5D9, #898D42, #695200, #512D00, #002B25)
• Shadow Mulberry Studio color palette (#EEEBFA, #84328C, #372500, #340038, #000300)
• Lapis Field color palette (#E2F4F9, #867400, #3834FF, #100320, #00010A)

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