Eclipse Cocoa color palette — #F7DCEA · #773300 · #00322F · #001817 · #0E001B

Built around Rust, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F7DCEA): A whisper-light, dusty rose — the color of strawberry cream.
• Rust (#773300): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#00322F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001817): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0E001B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Deep Garnet color palette (#ECDDE8, #891700, #003325, #1E0035, #130012)
• Cocoa Hollow color palette (#FDE8D4, #6A3D00, #282D00, #00150D, #040000)
• Shadow Thicket color palette (#F7E6F6, #76001C, #082500, #01002F, #070000)
• Patina Thicket color palette (#FFE7F0, #935500, #444A00, #002F20, #170002)
• Ancient Onyx color palette (#D4E5D4, #754F00, #00403A, #340040, #1B0F00)
• Shadow Mulberry Chapel color palette (#E6DAED, #88004E, #392600, #00171C, #15000D)
• Nocturne Aubergine color palette (#EBEAFE, #700092, #3A2500, #001819, #0B0020)
• Tempered Bronze color palette (#FFDED4, #A55A00, #503600, #292100, #001504)

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