Eclipse Cocoa Study color palette — #F4D5E5 · #6D2F00 · #003E44 · #001944 · #030100

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

The five colors

• Shell Pink (#F4D5E5): A whisper-light, dusty rose — the color of a warm blush.
• Rust (#6D2F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Teal (#003E44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001944): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

One click turns Eclipse Cocoa Study 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 Dune color palette (#EFDDEE, #820022, #00412E, #00202C, #030003)
• Onyx Basin color palette (#DBF9DF, #583E00, #003C52, #1E0054, #020100)
• Midnight Chestnut color palette (#ECDDBF, #6C5000, #263500, #00132F, #020200)
• Moonless Mulberry Study color palette (#FCE0DD, #7E0045, #003D49, #230050, #0F0005)
• Brick Corridor color palette (#F6E1F2, #B50414, #004B99, #002654, #050000)
• Worn Basalt color palette (#E0E9E0, #91A699, #658378, #493100, #000601)
• Bronze Atelier color palette (#FCE4EE, #9C5100, #283E00, #421F00, #000201)
• Denim Terrace color palette (#D2F1E5, #727D00, #4060AE, #5E2F5B, #00150E)

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