Eclipse Cocoa color palette — #FEDEEC · #6A3500 · #232316 · #21020F · #0A0004

Bronze and Ink set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#FEDEEC): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#6A3500): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#232316): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#21020F): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#0A0004): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Obsidian Garnet color palette (#F1DCEA, #7A2200, #3E3C35, #1D0800, #090006)
• Antique Study color palette (#FDE9D8, #B55F00, #5D3900, #2D1703, #040100)
• Chestnut Grove color palette (#ECDDD0, #944900, #394841, #2E2200, #140500)
• Garnet Workshop color palette (#E5E1CB, #695A00, #005D40, #740D00, #161100)
• Fern Pier color palette (#D1E6E1, #366300, #3C3A42, #001F1D, #000C09)
• Patina Bronze color palette (#E6F6ED, #8B7E2E, #2C4239, #1F2C25, #0E1716)
• Wandering Field color palette (#DFF6E6, #836B00, #006763, #463800, #00201F)
• Lagoon Summit color palette (#D5F3F3, #3F8A71, #005145, #3E2A00, #002117)

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