Eclipse Cocoa Drift color palette — #DBE9DE · #5E4900 · #002E3F · #0D001B · #040000

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

The five colors

• Parchment (#DBE9DE): A whisper-light, dusty teal — the color of glacier melt.
• Bronze (#5E4900): A full-bodied, balanced gold — the color of old brass.
• Midnight (#002E3F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0D001B): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Eclipse Cocoa Drift 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 Summit color palette (#D6F5ED, #294500, #222A2F, #050C0E, #000201)
• Shadow Cocoa color palette (#EDDAE6, #692400, #002C25, #000B1E, #040002)
• Fern Market color palette (#EFE8DA, #686800, #003D18, #0A0033, #010100)
• Softworn Olive color palette (#EBE7D4, #7C8000, #2A4800, #001707, #000201)
• Navy Garden color palette (#C5EAE1, #164D00, #1B007B, #1A000D, #020100)
• Basalt Pier color palette (#E5F0EA, #A9C1B9, #7A9995, #433D00, #000201)
• Smoked Aubergine color palette (#D3F6F4, #00703D, #490091, #370013, #020100)
• Muted Corridor color palette (#C7E9E0, #C09A00, #789600, #006045, #000200)

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