Eclipse Cocoa color palette — #F7D7CE · #803100 · #482400 · #1B0E00 · #030100

Rust and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F7D7CE): A whisper-light, dusty orange — the color of autumn markets.
• Rust (#803100): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#482400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1B0E00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#030100): a grounded near-black with real depth.

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

• Obsidian Cocoa color palette (#E6DECF, #5A4900, #312E00, #0B1200, #010200)
• Velvet Cocoa color palette (#FBDEE7, #6D4000, #003F62, #2E1800, #000103)
• Twilit Garnet Market color palette (#FFDCE5, #8C0029, #530006, #1F0500, #030100)
• Olive Studio color palette (#DFF1DD, #9B8C48, #4B712E, #552700, #050300)
• Nocturne Onyx color palette (#F7E7D2, #523400, #003939, #37004B, #020100)
• Worn Studio color palette (#F7EBD8, #866C00, #534D00, #262B00, #040C00)
• Hazy Bronze color palette (#FADAC5, #B36E00, #765300, #433700, #1B1A00)
• Smoked Fern Workshop color palette (#F2DEEE, #006C6C, #5C5300, #070A05, #000201)

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