Eclipse Cocoa color palette — #E9DCCC · #783300 · #272500 · #0B0034 · #070200

Rust takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#E9DCCC): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#783300): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#272500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#0B0034): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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

• Shadow Garnet color palette (#FFE7D9, #6A2100, #002519, #0D0024, #050006)
• Shadow Fern Hollow color palette (#F5DAC2, #544B00, #002C19, #1A0022, #020400)
• Smoked Workshop color palette (#F8E7C7, #8D002A, #331F00, #000E20, #0B0100)
• Deep Onyx Boulevard color palette (#EFE0C9, #505E62, #3C2A00, #171E17, #030500)
• Scarlet Ridge color palette (#FEEDD9, #E04034, #7D5100, #00470F, #030200)
• Softworn Onyx color palette (#F9E1CA, #786500, #004A25, #3C004A, #141900)
• Antique Bronze Summit color palette (#F7EFDE, #AD6700, #625C00, #00405B, #060300)
• Washed Navy color palette (#F3EBE3, #5287A7, #003880, #002224, #07002A)

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