Eclipse Cocoa color palette — #D6F1DB · #00585F · #5E2C00 · #281100 · #000102

Cocoa and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D6F1DB): A whisper-light, dusty teal — the color of glacier melt.
• Peacock (#00585F): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#5E2C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#281100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Cellar Garden color palette (#D8E3D4, #005A50, #720030, #340012, #000201)
• Obsidian Onyx Villa color palette (#D1E8EC, #004139, #530024, #161300, #000202)
• Cellar Garnet color palette (#CBEEE2, #005A8A, #56001B, #1B2627, #080800)
• Nightshade Alley color palette (#EEDDEC, #1340AE, #4F3700, #221600, #00000A)
• Wandering Grape color palette (#F6D8E6, #6E2FCD, #6C4300, #352500, #020007)
• Hazy Meadow color palette (#FFE7EF, #8B51C1, #A32A57, #443700, #020006)
• Timeworn Azure Orchard color palette (#DEFEF2, #28A3EA, #A34A00, #7C3600, #000A06)
• Navy Alley color palette (#FFE4FE, #003276, #4C003F, #2A0009, #000106)

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