Twilit Cocoa Boulevard color palette — #F7E7E3 · #883600 · #462200 · #1D1000 · #020100

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

The five colors

• Rose Water (#F7E7E3): bright and airy, almost weightless.
• Rust (#883600): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#462200): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1D1000): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

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

• Charred Navy Delta color palette (#FFDCE7, #6C4100, #003E68, #2E1900, #000104)
• Mulberry Archive color palette (#EED8DC, #97002C, #510600, #210500, #030100)
• Rust Pier color palette (#F7E3E7, #C22F00, #593300, #1D1400, #010100)
• Smoked Chestnut color palette (#FDEDD0, #775500, #3E2C00, #161F1C, #0B0500)
• Misty Amber color palette (#FFE2CE, #BA7800, #725400, #413800, #161500)
• Wandering Olive color palette (#E7F3E6, #96832E, #4A7200, #532300, #030200)
• Charred Onyx Harbor color palette (#FAE7CD, #523500, #003939, #38004A, #020100)
• Charred Loft color palette (#F2E4FB, #006C70, #5C5300, #070A05, #000201)

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