Eclipse Cocoa color palette — #FBDBCD · #793800 · #401F00 · #1E0E00 · #040200

A conversation between Bronze and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FBDBCD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bronze (#793800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#401F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1E0E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#040200): a grounded near-black with real depth.

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

Use it as a design system

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

• Rust Terrace color palette (#F9DCDB, #B74108, #673400, #1A0D00, #020100)
• Moonless Fern Harbor color palette (#F4E8C8, #5E5400, #343200, #131400, #020200)
• Lowlit Mulberry color palette (#FDEBEC, #970028, #550103, #230200, #060100)
• Tempered Bronze color palette (#F5E9C9, #867200, #4E4600, #252500, #070900)
• Moonless Onyx color palette (#FBDEC9, #612900, #303500, #42002F, #030100)
• Faded Amber color palette (#EEDBCF, #DE861F, #905C00, #674400, #2D1F00)
• Gentle Moss color palette (#E3E9D6, #67A500, #296F00, #01470D, #001E0A)
• Misty Olive Lantern color palette (#EEDEB9, #B0AF6E, #787F08, #435100, #233207)

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