Eclipse Cocoa color palette — #DFE7F9 · #00704B · #7D3F00 · #0F0B04 · #030100

Bronze and Pine set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#DFE7F9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Pine (#00704B): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#7D3F00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#0F0B04): a grounded near-black with real depth.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged neon, dark, vibrant, 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

• Fern Dune color palette (#EEE3F1, #006A7D, #5B5400, #090D07, #020100)
• Smoked Hollow color palette (#C8E8F7, #5A6600, #9D001A, #130702, #030000)
• Midnight Fern color palette (#E8E3D5, #5F5C00, #233300, #001404, #000201)
• Weathered Chestnut color palette (#D6DFFA, #007EAF, #994B00, #0D0802, #060002)
• Emerald Corridor color palette (#C9EBEC, #359200, #8F6700, #0D0E02, #000300)
• Weathered Olive color palette (#E7E1D3, #918E7B, #6E7027, #312900, #020100)
• Misty Veranda color palette (#E6EBFF, #00949C, #D60032, #120B03, #040000)
• Inked Chapel color palette (#F2E2D1, #4D2E00, #002F3D, #11003F, #020100)

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