Eclipse Cocoa color palette — #F6D4E7 · #7B2F00 · #2C3300 · #31003B · #1A0004

Rust takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F6D4E7): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#7B2F00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#2C3300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#31003B): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#1A0004): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged jewel, vibrant, dark, warm.

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 Pier color palette (#F1E1F1, #7B0024, #3F3100, #220050, #14000D)
• Onyx Hollow color palette (#E0EBE0, #5A3D00, #00341C, #320019, #13000B)
• Moonless Terracotta Garden color palette (#F6D9F0, #961700, #003C2B, #001C2F, #030003)
• Muted Cocoa Alley color palette (#F2E9EE, #CCB0BB, #81957E, #6F2E00, #2B1923)
• Hushed Chapel color palette (#FFECF3, #915000, #195100, #530040, #320001)
• Patina Bronze color palette (#FFEADB, #AC6500, #674300, #352600, #1E1700)
• Garnet Balcony color palette (#E0FEED, #756B00, #005A4E, #740D1F, #361422)
• Worn Tangerine color palette (#FFD2E1, #EB6C00, #B26800, #6F5800, #1B0F00)

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