Eclipse Cocoa color palette — #D6E9DE · #005B6E · #6A2600 · #00252F · #100200

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

The five colors

• Honeydew (#D6E9DE): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#005B6E): A full-bodied, dusty blue — the color of open sky before noon.
• Rust (#6A2600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#00252F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#100200): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Garnet Workshop color palette (#D2E8CD, #005E58, #760035, #002724, #130004)
• Denim Coast color palette (#F7DDFA, #005293, #573600, #002141, #0B0400)
• Inked Garnet color palette (#D2E3EA, #00465B, #5F0042, #282500, #000204)
• Washed Brick Corridor color palette (#DEEFFA, #007398, #A70411, #003E54, #140000)
• Lapis Bloom color palette (#F4E2EC, #5A40C7, #544D00, #2D007C, #121000)
• Shadow Chestnut color palette (#F6DFC1, #6C5700, #3C2700, #1E0B00, #040400)
• Powdered Orchard color palette (#C8E6DC, #0087C9, #9A5800, #004E77, #3F2000)
• Timeworn Azure Cabin color palette (#CCE6F3, #5D94D1, #6865A6, #003E41, #000D18)

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