Eclipse Cocoa color palette — #F5E6DC · #724100 · #3C2600 · #181000 · #010100

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

The five colors

• Parchment (#F5E6DC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#724100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3C2600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#181000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#010100): a grounded near-black with real depth.

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

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

• Fern Coast color palette (#E4E1C8, #515800, #1E3000, #011501, #000201)
• Shadow Onyx Basin color palette (#F6EDD3, #493A00, #003841, #3F003A, #020100)
• Eclipse Garnet color palette (#FFE4EA, #92002E, #5B0700, #1E0600, #030100)
• Weathered Pine Station color palette (#F4EBDD, #8D932D, #0B802A, #412400, #040300)
• Soft Corridor color palette (#FCE7CB, #A27800, #6C5C00, #383C00, #111B00)
• Lowlit Fern color palette (#EFD6EB, #006A7B, #4B5A00, #060D08, #020100)
• Aged Workshop color palette (#E5F1D6, #36AB00, #007848, #004533, #00221E)
• Lime Studio color palette (#E7E6D0, #9EB841, #608B2B, #2B5A2C, #04311C)

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