Eclipse Cocoa Drift color palette — #C5E9FB · #00516B · #5B3300 · #322800 · #000102

Cocoa takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#C5E9FB): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00516B): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#5B3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged dark, muted.

Use it as a design system

One click turns Eclipse Cocoa Drift 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

• Smoked Quarry color palette (#DBF1EA, #005646, #790012, #431E00, #000201)
• Frosted Study color palette (#CFE4F1, #005473, #510B95, #003A29, #000910)
• Shadow Lagoon color palette (#D7E3F9, #0025CB, #4C3C00, #232E06, #00000A)
• Mulberry Lantern color palette (#CFECFE, #006F9D, #A0005B, #414800, #000103)
• Moonless Fern Canyon color palette (#CDE7D1, #646600, #473200, #2B0E00, #000200)
• Softworn Byzantium Loft color palette (#D5EBF2, #8092ED, #9C51A6, #004231, #00060F)
• Linen Loft color palette (#D0E5F2, #006F99, #923E00, #6E3C00, #000910)
• Quiet Hollow color palette (#F0EAFA, #7500C4, #005D17, #004135, #060011)

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