Eclipse Cocoa color palette — #F4DAE8 · #794116 · #481900 · #210300 · #030100

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

The five colors

• Shell Pink (#F4DAE8): A whisper-light, dusty pink — the color of a candy shop window.
• Bronze (#794116): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#481900): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#210300): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Twilit Loft color palette (#D8F0DC, #644F00, #372600, #170B00, #020100)
• Aged Cocoa color palette (#FFE9DC, #97603C, #732B00, #460B00, #080200)
• Washed Chestnut color palette (#F8DCE5, #A67E41, #784800, #4C2500, #150D00)
• Lowlit Spruce Studio color palette (#CFF0FD, #41383A, #00373E, #271B00, #040A00)
• Fern Parlor color palette (#CDE4F0, #216A00, #382F33, #00171E, #000102)
• Ancient Thicket color palette (#D4E6D5, #7DA386, #7E5E26, #56360E, #051D10)
• Soft Field color palette (#FFDFED, #C3956A, #A15300, #702C00, #092309)
• Grape Garden color palette (#D6F0E1, #6800E9, #005B75, #080C11, #000103)

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