Eclipse Cocoa color palette — #F2E2D8 · #613100 · #00394F · #1C1843 · #040100

Bronze and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F2E2D8): A whisper-light, dusty gold — the color of old brass.
• Bronze (#613100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#00394F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1C1843): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#040100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication, Depth. 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 Balcony color palette (#F9D4D9, #79002F, #003D36, #072232, #060001)
• Chestnut Corridor color palette (#FDECDD, #804900, #00527C, #283362, #040100)
• Charred Chestnut color palette (#D6EFE0, #7A5800, #282832, #191400, #030200)
• Aubergine Corridor color palette (#D3F5E1, #413700, #36006A, #190038, #020200)
• Hushed Loft color palette (#E3EDD1, #435500, #50009B, #4F005C, #060900)
• Feathered Olive color palette (#F8E5ED, #AD9025, #49750B, #591522, #150900)
• Ancient Station color palette (#FCE7FF, #00848E, #8D5500, #0D0B03, #050102)
• Denim Ridge color palette (#F3EBDD, #8C6200, #005DB1, #37409B, #2C1C00)

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