Eclipse Cocoa color palette — #FAD7E6 · #6B3E00 · #062D01 · #14002C · #050300

Built around Bronze, softened by Ink — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FAD7E6): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#6B3E00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#062D01): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#14002C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#050300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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

• Midnight Thicket color palette (#EFDEEF, #455100, #002A2A, #1F0017, #000501)
• Smoked Cabin color palette (#F9EAF0, #5E2E00, #00222D, #241205, #140019)
• Midnight Garnet Villa color palette (#DEF9E0, #8E030A, #282500, #050039, #080200)
• Twilit Spruce color palette (#D1ECDF, #36454F, #313000, #121C20, #000602)
• Chestnut Alley color palette (#D7E5DA, #7A6000, #2B4600, #001B4C, #040300)
• Wandering Onyx color palette (#F5DBCA, #6A6C40, #00443A, #2E0A2A, #1A0007)
• Muted Lagoon Pier color palette (#F6EBF4, #358F95, #00435A, #00240F, #00081E)
• Pale Scarlet color palette (#DCEBE3, #E63C22, #745F00, #004A46, #020400)

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