Eclipse Cocoa color palette — #F4D7E8 · #602200 · #002F2B · #000B34 · #040002
A conversation between Rust and Ink, giving this palette its sense of trust and stability.
The five colors
- Shell Pink (#F4D7E8): A whisper-light, dusty pink — the color of neon signs at night.
- Rust (#602200): A deep, shadowed, balanced orange — the color of autumn markets.
- Deep Forest (#002F2B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000B34): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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
- Twilit Spruce Grove color palette (#FFECD1, #483100, #002E13, #000C25, #080000)
- Velvet Garnet color palette (#F2DFF3, #730025, #002914, #000F18, #020008)
- Chestnut Market color palette (#E9DFCB, #774900, #313100, #001625, #030100)
- Smoked Garnet Ridge color palette (#FFD9F4, #950018, #00325D, #001228, #00000C)
- Timeworn Basalt color palette (#F2E8EB, #92A695, #698375, #512B00, #0B0205)
- Tempered Hollow color palette (#FFEAF3, #8E4B00, #004C50, #13077A, #120006)
- Sunlit Olive Loft color palette (#DEF8F2, #5C8E35, #4D5DA7, #65334D, #071709)
- Tempered Denim Bloom color palette (#DCFAEE, #6A7100, #1D4E92, #4B1A44, #14010B)
Browse the whole catalog at Explore, or see today's palette.