Twilit Cocoa color palette — #FFE6DD · #7E3A00 · #482400 · #1C0D00 · #030100

Built around Bronze, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#FFE6DD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bronze (#7E3A00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#482400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1C0D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged 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

• Obsidian Aubergine Ridge color palette (#FDDBE7, #6E3F00, #630066, #2F1800, #030003)
• Garnet Courtyard color palette (#F1DFE1, #8D0022, #5E0106, #270300, #040000)
• Timeworn Bronze color palette (#FFECD8, #A97200, #6B4D00, #433300, #1B1600)
• Onyx Thicket color palette (#F1DDC2, #513500, #093C03, #470018, #020100)
• Patina Fern Villa color palette (#D5E3D7, #A08930, #626800, #3E2400, #050300)
• Smoked Fern Archive color palette (#E2F0FF, #006C70, #256200, #020C08, #000201)
• Muted Moss Summit color palette (#E0E6D3, #6A9C00, #386E00, #084305, #00200B)
• Olive Market color palette (#BFECD1, #A8A657, #777C14, #475500, #27370F)

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