Eclipse Cocoa Cabin color palette — #F3DAE9 · #883700 · #003E3B · #001249 · #040002

A conversation between Rust and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F3DAE9): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#883700): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#003E3B): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#001249): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Eclipse Cocoa Cabin 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

• Moonless Brick color palette (#F6D9F1, #A4001D, #004737, #00162A, #030003)
• Smoked Thicket color palette (#DAECDC, #705100, #003A45, #19003D, #040000)
• Shadow Spruce Grove color palette (#E6DED1, #514000, #062E01, #001122, #040001)
• Inked Garnet color palette (#FFE3D8, #6D000B, #00194E, #170029, #060003)
• Washed Bronze Bloom color palette (#CDE7D2, #A66500, #484500, #001E2F, #020100)
• Worn Amber Station color palette (#F6DDCD, #C27D00, #6A5300, #202100, #010200)
• Rust Drift color palette (#FBE0EF, #BE5200, #006D89, #00556B, #01000E)
• Cocoa Meadow color palette (#F5EBEF, #C1D7C3, #8EAF9C, #733E00, #080003)

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