Eclipse Cocoa color palette — #FFEBD3 · #643F00 · #003756 · #001B2E · #050000

Built around Bronze, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#FFEBD3): A whisper-light, dusty gold — the color of old brass.
• Bronze (#643F00): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003756): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001B2E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#050000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Deep Onyx Loft color palette (#FBECD2, #6B5600, #003C51, #220048, #0B0007)
• Smoked Fern Ridge color palette (#F2EEDD, #444800, #18211D, #001304, #020100)
• Garnet Workshop color palette (#F4D8C9, #87020B, #003938, #001C1B, #020006)
• Nightshade Veranda color palette (#EFE7D9, #554500, #1E0090, #0C0050, #050000)
• Tempered Field color palette (#FDDFC6, #886D00, #404B00, #012A04, #000704)
• Twilit Onyx Cabin color palette (#E8E5CA, #263E00, #2C0049, #120022, #030000)
• Aged Cocoa Courtyard color palette (#F0E7DA, #BAB39B, #8D9077, #593E00, #0F0A03)
• Onyx Delta color palette (#FCECDA, #815E00, #104901, #270051, #060500)

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