Twilit Cocoa Boulevard color palette — #EEDCE6 · #784220 · #4A1700 · #230200 · #030100

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

The five colors

• Shell Pink (#EEDCE6): A whisper-light, dusty pink — the color of neon signs at night.
• Bronze (#784220): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#4A1700): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#230200): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

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

• Hushed Cocoa Drift color palette (#FFE8DA, #966041, #762800, #490500, #080200)
• Nocturne Fern Archive color palette (#DBEEE0, #5F5200, #342800, #160C00, #010100)
• Hazy Amber Bloom color palette (#FADCCC, #C77731, #904100, #601C00, #1E0E00)
• Twilit Mulberry color palette (#FBD8EB, #982061, #5C0027, #1F0004, #050000)
• Shadow Terracotta color palette (#E1E3F5, #8F3735, #1D0038, #0F0415, #020007)
• Inked Archive color palette (#DBE1FC, #400089, #540014, #00151A, #020008)
• Timeworn Taupe Boulevard color palette (#D5E6D5, #AF955E, #7D5E30, #593506, #001E0D)
• Velvet Aubergine Hollow color palette (#E3E0F3, #7A3789, #51002A, #34003E, #030005)

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