Twilit Cocoa color palette — #F2E2DA · #852B00 · #42493D · #1A1B12 · #0B0400

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

The five colors

• Parchment (#F2E2DA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rust (#852B00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#42493D): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#1A1B12): a grounded near-black with real depth.
• Ink (#0B0400): A deep, shadowed, dusty gold — the color of old brass.

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

• Hushed Cocoa Loft color palette (#FFEBD4, #61636C, #6B4400, #181C15, #070500)
• Velvet Mulberry color palette (#FFE6E1, #91003B, #3F4300, #181508, #120100)
• Tempered Rust color palette (#FADCCB, #B93600, #412F00, #211C0D, #110400)
• Dusty Bronze color palette (#FFE7DE, #BD6100, #784500, #372500, #020100)
• Patina Terrace color palette (#FFF3E8, #DAA06D, #6F4E00, #34281D, #140E0A)
• Ancient Pier color palette (#FFF3E2, #B88900, #3F3E00, #1F1200, #030100)
• Dusty Moss Delta color palette (#F7F6E8, #81AF34, #2A5036, #201F0D, #070502)
• Worn Harbor color palette (#FCDDDA, #B87C4E, #6F5A00, #00363A, #000913)

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