Eclipse Cocoa color palette — #F3D5E1 · #693600 · #2E2918 · #110F00 · #0A0004

Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F3D5E1): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#693600): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#2E2918): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#110F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A0004): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Cocoa Summit color palette (#E8F3E8, #5E3E00, #2B3027, #0B1100, #000400)
• Moonless Canyon color palette (#EEE3F0, #830031, #342F2A, #1B0900, #08000A)
• Worn Field color palette (#FFE8D4, #B16300, #4E4100, #2E1700, #050100)
• Charred Quarry color palette (#D6F0EA, #306400, #393A42, #00201C, #000C09)
• Wandering Aubergine color palette (#F1EADB, #715600, #6900AD, #53018B, #191000)
• Hushed Bronze Station color palette (#E7F6EE, #8A7F11, #244341, #1F2C25, #1E1615)
• Forest Parlor color palette (#D2E4D2, #7A8029, #00541D, #391D57, #002117)
• Lapis Parlor color palette (#D7F2E1, #7F6C00, #451BEB, #433900, #120B4D)

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