Eclipse Cocoa Study color palette — #FFE3F5 · #784309 · #4D1300 · #230006 · #020100

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

The five colors

• Blush (#FFE3F5): A whisper-light, dusty pink — the color of peonies in June.
• Bronze (#784309): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4D1300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#230006): A deep, shadowed, dusty red — the color of a theater curtain.
• 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 Study 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 Ridge color palette (#D2E8D3, #5E5200, #3A2500, #1C0800, #010100)
• Bronze Dune color palette (#FFE6D7, #A85B2E, #682100, #2B0100, #030100)
• Garnet Delta color palette (#FBDAE6, #A08142, #7D4500, #5C1200, #00130A)
• Olive Dune color palette (#DDF1E0, #7A742C, #583F00, #381900, #030700)
• Terracotta Thicket color palette (#E4F2FC, #972F23, #372D2F, #001722, #000103)
• Inked Hollow color palette (#CDECFD, #003D4A, #540010, #141300, #000102)
• Frosted Bronze color palette (#FAE1ED, #C3975F, #A84D00, #712727, #002311)
• Eclipse Cabin color palette (#F6E7D9, #A90067, #005E65, #070C10, #000102)

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