Eclipse Cocoa Pier color palette — #F3DCE6 · #592B00 · #261713 · #0C0800 · #060002
Built around Espresso, softened by Black — the whole palette hums with optimism and sophistication.
The five colors
- Shell Pink (#F3DCE6): A whisper-light, dusty rose — the color of pressed rose petals.
- Espresso (#592B00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#261713): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#0C0800): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Eclipse Cocoa 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
- Eclipse Garnet color palette (#EDE2EF, #6E002B, #251519, #140300, #050006)
- Twilit Cocoa Veranda color palette (#FDE9D9, #7F3F00, #35453D, #1C1900, #050200)
- Wandering Basalt color palette (#F0EED5, #515662, #403A00, #181E26, #010C00)
- Soft Studio color palette (#EEE3C1, #5C4B00, #141AB5, #361273, #0B0700)
- Fern Field color palette (#CFF1E2, #585900, #3D3F47, #001F1D, #000C07)
- Pine Grove color palette (#D3EAE7, #1D8822, #0A393F, #102321, #070E0F)
- Ancient Olive Delta color palette (#D8EFD8, #766E00, #264000, #3B0934, #121000)
- Ancient Bronze color palette (#EAF5EB, #A47200, #2D423A, #222B23, #1E1616)
Browse the whole catalog at Explore, or see today's palette.