Eclipse Cocoa color palette — #FBDDD7 · #7E3C00 · #402300 · #160E00 · #010100

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

The five colors

• Shell Pink (#FBDDD7): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#7E3C00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#402300): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#160E00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#010100): 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

• Lowlit Navy color palette (#EBE2D6, #654600, #003F66, #2A1B00, #000103)
• Midnight Coast color palette (#FCDEE7, #8F001D, #511000, #1C0A00, #020100)
• Nocturne Ridge color palette (#FBEAD3, #513500, #00325B, #19006C, #020100)
• Faded Market color palette (#FAEDDD, #8E902A, #2C7E47, #5B1C00, #030200)
• Velvet Harbor color palette (#FEDFF3, #006886, #674E00, #0B0D06, #020100)
• Hushed Bronze Quarry color palette (#F0E0CB, #846D00, #444800, #172E00, #000E03)
• Amber Meadow color palette (#F9E2D4, #B67900, #6F5B00, #353600, #111900)
• Timeworn Moss color palette (#E5E6D7, #7D9D00, #006E29, #004331, #002421)

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