Eclipse Cocoa color palette — #F8E5CD · #5E3E00 · #222F2C · #0F1000 · #050200

Bronze takes the lead with Parchment close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F8E5CD): A whisper-light, dusty gold — the color of old brass.
• Bronze (#5E3E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#222F2C): quiet, heavy and certain.
• Ink (#0F1000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Washed Loft color palette (#EFE5D7, #A26D00, #434511, #102211, #040102)
• Inked Orchard color palette (#F9E1D7, #86030A, #272F29, #1A0A00, #080100)
• Patina Chestnut Veranda color palette (#F4DFC3, #7F5800, #344141, #2D2300, #100700)
• Lowlit Archive color palette (#E8EFD8, #006634, #2A3940, #092007, #070B00)
• Lowlit Market color palette (#EBEBDA, #555D63, #1F3500, #0F1F1F, #000603)
• Nightshade Dune color palette (#F1EECA, #496500, #491EC1, #5B007E, #0C1500)
• Airy Garnet color palette (#EDE3CB, #6D834D, #005329, #540E30, #131F00)
• Ancient Grape Drift color palette (#F6EED6, #737200, #6D2ABA, #3D3C00, #240048)

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