Eclipse Cocoa color palette — #F8EDE1 · #733700 · #252600 · #14002C · #060300

Bronze and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8EDE1): bright and airy, almost weightless.
• Bronze (#733700): A full-bodied, balanced gold — the color of old brass.
• Onyx (#252600): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#14002C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Moonless Atelier color palette (#FDECDF, #504C00, #002C1D, #1E0018, #020400)
• Inked Garnet Delta color palette (#EDE3D4, #891426, #322000, #02003B, #0A0100)
• Deep Spruce Workshop color palette (#EBE1CF, #525F64, #382D00, #151E18, #020500)
• Timeworn Rust Orchard color palette (#EFE1CD, #C94839, #725700, #0E5005, #060500)
• Airy Grove color palette (#FCDDC5, #726700, #00492E, #42003C, #111900)
• Bronze Study color palette (#ECE3D4, #AE6600, #506300, #2D2F78, #050300)
• Muted Navy Lagoon color palette (#F3EBE3, #598C7F, #1F3381, #002127, #0B0027)
• Airy Aubergine Lagoon color palette (#F1DAC3, #9A6E00, #286711, #3F005E, #292500)

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