Eclipse Cocoa color palette — #FAECD3 · #564200 · #00313D · #001A30 · #160005

A conversation between Deep Olive and Midnight, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FAECD3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#00313D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001A30): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#160005): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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 Loft color palette (#E6E0CC, #444500, #003238, #2E0037, #0F0600)
• Misty Onyx Orchard color palette (#F6E3D1, #804800, #00403D, #340042, #29000B)
• Softworn Bronze Lagoon color palette (#FFEBDD, #9C7B00, #425000, #003109, #001D14)
• Patina Cocoa Field color palette (#E8E1D8, #BEB9A5, #8E9179, #584000, #271E0F)
• Powdered Onyx Meadow color palette (#F4F0D0, #516500, #004F5F, #4D0045, #1F1500)
• Aubergine Cabin color palette (#EEE2D6, #835F00, #104A01, #330058, #191700)
• Eclipse Mulberry color palette (#EDDBEF, #8E003A, #003359, #1A0049, #040002)
• Dusty Lagoon color palette (#E7F1D7, #006B43, #172B98, #510016, #131400)

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