Eclipse Cocoa color palette — #FAE1D0 · #7D3200 · #004449 · #361100 · #000102

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

The five colors

• Parchment (#FAE1D0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#7D3200): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004449): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#361100): A deep, shadowed, dusty orange — the color of toasted spice.
• 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

• Nocturne Mulberry Bloom color palette (#F2D8D2, #8F0038, #00444A, #3F0014, #000102)
• Smoked Field color palette (#ECDCC8, #6C5500, #283333, #1E1100, #020100)
• Lowlit Garnet color palette (#FFE3DB, #6C1A00, #003749, #0E1C34, #040000)
• Smoked Delta color palette (#F6E0CA, #6D4000, #3500A4, #2E1800, #01000A)
• Eclipse Field color palette (#F8DFD1, #9F3C00, #451F00, #1B2019, #130400)
• Rust Bloom color palette (#F7E0F0, #BD2F00, #005F71, #520F00, #000102)
• Frosted Ultramarine color palette (#EFDFC9, #8D6100, #004EBE, #493100, #00061D)
• Tempered Bronze color palette (#FAEAD7, #AA7200, #00788E, #603F00, #00151B)

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