Eclipse Cocoa color palette — #F0DDCE · #5F2D00 · #00222F · #0C0026 · #0D0000

Cocoa and Ink set the tone — five colors that lean into optimism and creativity.

The five colors

• Parchment (#F0DDCE): A whisper-light, dusty gold — the color of old brass.
• Cocoa (#5F2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0C0026): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0D0000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Creativity, 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

• Garnet Hollow color palette (#F7DED0, #6D1C00, #3C2929, #00222B, #000A15)
• Basalt Studio color palette (#CCE6D8, #433C00, #002610, #000A0C, #030100)
• Nocturne Navy Boulevard color palette (#F6EBD9, #4C3A00, #100063, #0B0026, #040007)
• Smoked Spruce Coast color palette (#E5DDCF, #4D5B5F, #392C00, #151C15, #010600)
• Moonless Atelier color palette (#EAE5D3, #5D5C00, #004422, #002021, #050100)
• Nocturne Dune color palette (#E5E1C2, #425100, #260079, #2B0015, #100000)
• Forest Atelier color palette (#E7E1CD, #007124, #00332C, #2C0125, #000901)
• Washed Garden color palette (#FFE8DF, #766C2C, #0F462C, #33111F, #1A0829)

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