Eclipse Cocoa color palette — #FCE9F1 · #5E2E00 · #002131 · #241807 · #18000F

Cocoa and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FCE9F1): A whisper-light, dusty rose — the color of a warm blush.
• Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.
• Midnight (#002131): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#241807): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#18000F): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Velvet Garnet color palette (#ECDFEC, #760021, #002425, #241105, #140019)
• Twilit Onyx Parlor color palette (#E0EDE1, #503800, #1D261F, #001A49, #130500)
• Shadow Spruce color palette (#CEE7DE, #3A464F, #2B3200, #131C21, #000603)
• Feathered Studio color palette (#D0F0E8, #528610, #6C0085, #4D2800, #261D00)
• Obsidian Olive Alley color palette (#E8E6D6, #596D00, #00401F, #001A12, #000809)
• Deep Chestnut color palette (#D2E8D8, #6D5400, #00395E, #3A0E00, #150A00)
• Nocturne Atelier color palette (#DEF6F0, #006E57, #003237, #310014, #000805)
• Aged Onyx color palette (#FBE4D5, #6E7339, #004338, #3D0A25, #200110)

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