Eclipse Cocoa color palette — #F8DAE8 · #783A00 · #4F4100 · #1A1C12 · #080500

Built around Bronze, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F8DAE8): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#783A00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4F4100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#1A1C12): quiet, heavy and certain.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Moonless Cocoa color palette (#DEF7E3, #624900, #0B171A, #040700, #040002)
• Cocoa Villa color palette (#FFE5D0, #384843, #592B00, #16190F, #0E0700)
• Dusty Lagoon color palette (#FEDEC7, #A05300, #472B00, #1A1C12, #0F0500)
• Wandering Basin color palette (#F6E8F1, #515D60, #8B2200, #281D0E, #0A0400)
• Tempered Moss color palette (#DFFEEB, #A89200, #274511, #021B0E, #050002)
• Patina Chapel color palette (#EFF8EF, #D3A561, #415B50, #242E25, #130E10)
• Soft Petrol Lagoon color palette (#D1EEDD, #8D8000, #006BAF, #443D00, #000104)
• Washed Dune color palette (#E5FBF7, #66B360, #234E53, #082320, #020705)

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