Eclipse Cocoa color palette — #FFD6D3 · #763600 · #402500 · #191300 · #010100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FFD6D3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bronze (#763600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#402500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#191300): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

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

• Velvet Lantern color palette (#F5E5D3, #6A4200, #1905B1, #2D1900, #00000B)
• Chestnut Dune color palette (#F1E8D3, #735800, #3B2E00, #0C0900, #020100)
• Nocturne Garnet Archive color palette (#FAD3DF, #91002B, #4E1200, #1E0C00, #020100)
• Shadow Aubergine color palette (#F9E1CC, #583000, #380080, #35003C, #020100)
• Bronze Lantern color palette (#EFDBCA, #8D6F00, #414600, #012F05, #000E09)
• Deep Lapis color palette (#EFE4F8, #5510F5, #5F5200, #0A0D07, #020100)
• Weathered Ridge color palette (#F6E1C6, #858F4D, #007466, #59000A, #020200)
• Tangerine Thicket color palette (#F2DDD9, #EE8501, #916800, #4A4B00, #132900)

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