Twilit Cocoa color palette — #F1DCCC · #7F3F00 · #31413B · #201700 · #050200

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

The five colors

• Parchment (#F1DCCC): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#7F3F00): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#31413B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#201700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#050200): quiet, heavy and certain.

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

• Shadow Cabin color palette (#F3DCDA, #9D001E, #2F3B30, #291100, #070100)
• Lowlit Veranda color palette (#F6D6E5, #A35100, #393300, #211904, #100400)
• Lowlit Cocoa color palette (#F5D9C3, #45534B, #5B2900, #18211A, #0B0800)
• Olive Canyon color palette (#EAE6D7, #777700, #32342D, #1C1500, #070401)
• Washed Olive color palette (#E8E8C5, #436F00, #3E4A4D, #002C1F, #0B0A00)
• Muted Alley color palette (#E4E7D2, #3DA939, #425339, #2E2F28, #1A1811)
• Bronze Veranda color palette (#F2E9D4, #9A8600, #314F1E, #2F250D, #1A0F04)
• Amber Hollow color palette (#FAF0E4, #C79031, #685700, #3E372E, #26201D)

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