Eclipse Cocoa color palette — #E3E3F3 · #7D496C · #60250B · #001D20 · #000506

Rust and Graphite set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#E3E3F3): A whisper-light, dusty violet — the color of wild irises.
• Graphite (#7D496C): A full-bodied, balanced pink — the color of neon signs at night.
• Rust (#60250B): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#001D20): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000506): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, dark.

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 Chestnut color palette (#ECDCE9, #884C42, #4A3600, #01163E, #00020C)
• Cellar Basalt Lagoon color palette (#CCEBFB, #4F5480, #571A3B, #001C13, #000603)
• Weathered Drift color palette (#FAE7F8, #B0697C, #714233, #002D11, #000303)
• Garnet Study color palette (#E2EFFF, #737699, #7D3642, #00394D, #001426)
• Mulberry Coast color palette (#FFE4FE, #8C0058, #600022, #260600, #030100)
• Terracotta Quarry color palette (#FADEDA, #A42206, #560500, #1C2117, #150100)
• Garnet Summit color palette (#FFE2E3, #730021, #003745, #0A1E31, #040000)
• Charred Mulberry Corridor color palette (#FFE8E3, #8F003C, #00434F, #3F0016, #000102)

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