Twilit Cocoa color palette — #DEF4E0 · #763500 · #262500 · #080036 · #060300

A conversation between Bronze and Deep Indigo, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DEF4E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#763500): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#262500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#080036): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, muted.

Use it as a design system

One click turns Twilit 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

• Garnet Workshop color palette (#D8F7E1, #8D002A, #331F00, #000E20, #0B0100)
• Velvet Cocoa Lagoon color palette (#F5DEEB, #672500, #002519, #0B0026, #040007)
• Cocoa Station color palette (#EADEC3, #594300, #252400, #000E0B, #020100)
• Ancient Chestnut Cabin color palette (#DEF4E5, #805C00, #443F00, #00261E, #050300)
• Hushed Scarlet Canyon color palette (#D4E7D4, #D4393B, #835F00, #1D4000, #040300)
• Velvet Fern Drift color palette (#FBDAC5, #506000, #003930, #2F0029, #011001)
• Weathered Onyx color palette (#FCE3DD, #7A603B, #314300, #2A134B, #27001F)
• Antique Harbor color palette (#E8DDCB, #BE5900, #5F5D00, #2D268A, #060300)

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