Eclipse Cocoa color palette — #F4E3DC · #604500 · #002C19 · #1D001B · #030400

Bronze and Ink set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F4E3DC): A whisper-light, dusty orange — the color of autumn markets.
• Bronze (#604500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#002C19): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#1D001B): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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

• Inked Fern color palette (#FFDACF, #2D5700, #002930, #220005, #000502)
• Charred Spruce color palette (#E9DED3, #5F612A, #013607, #221300, #060600)
• Deep Coast color palette (#FFECD9, #861E16, #282500, #100031, #080200)
• Hazy Bronze color palette (#EEEBD1, #B86600, #546900, #00464B, #000702)
• Patina Onyx color palette (#F4E4C2, #626A00, #004A27, #20005D, #020400)
• Worn Abyss color palette (#F0DBCE, #6C6861, #0E4812, #420020, #240D00)
• Linen Olive Villa color palette (#F7D6CC, #527200, #00464B, #4A0013, #001C0C)
• Worn Aubergine Courtyard color palette (#EFDDD6, #8E7900, #006A55, #55186C, #020400)

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