Eclipse Cocoa Workshop color palette — #EFE1E9 · #784315 · #4A1600 · #240002 · #020100

Built around Bronze, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Rose Water (#EFE1E9): bright and airy, almost weightless.
• Bronze (#784315): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#4A1600): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#240002): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

Use it as a design system

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

• Cocoa Balcony color palette (#FFECE0, #93623D, #762800, #4B0007, #070300)
• Obsidian Fern color palette (#C9EAD4, #565600, #332900, #170C00, #010100)
• Nocturne Terracotta Coast color palette (#EFE3EE, #9A2733, #302A00, #40000A, #000201)
• Chestnut Chapel color palette (#F9E7EF, #A57E51, #834000, #571908, #001304)
• Velvet Pier color palette (#EFDBEC, #5E0203, #002017, #000812, #030004)
• Shadow Lantern color palette (#DEF3FF, #646200, #970050, #110403, #030005)
• Powdered Moss color palette (#F0F1DF, #7B9B28, #605F00, #433400, #031700)
• Faded Bronze Pier color palette (#FEDEF1, #D18F5B, #9F5332, #722624, #291800)

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