Eclipse Cocoa color palette — #FFECE0 · #762800 · #1C2017 · #150B00 · #040100

A conversation between Rust and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFECE0): A whisper-light, dusty gold — the color of old brass.
• Rust (#762800): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#1C2017): a grounded near-black with real depth.
• Ink (#150B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#040100): 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

• Smoked Summit color palette (#F3E4ED, #9D3400, #2C2000, #1E0A0B, #050100)
• Moonless Onyx color palette (#F5E2D7, #4F5E5C, #521800, #1C1D12, #060400)
• Eclipse Alley color palette (#F8DCD9, #7F004B, #1B1A10, #220100, #070000)
• Weathered Villa color palette (#F2E4D3, #AC7300, #41431A, #292014, #120C07)
• Worn Canyon color palette (#EEE2CF, #7A5B00, #354341, #1F2800, #0F0800)
• Hushed Ultramarine color palette (#ECE0D0, #8B6000, #0052B4, #4C3200, #000516)
• Timeworn Summit color palette (#EDECDB, #158A55, #005148, #401D37, #000803)
• Timeworn Navy Lantern color palette (#F7EFDF, #715200, #00489F, #1E2997, #030100)

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