Midnight Atelier color palette — #F4DCD4 · #C30037 · #4B170E · #25120C · #0D0501

Ruby and Espresso set the tone — five colors that lean into energy and depth.

The five colors

• Shell Pink (#F4DCD4): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#C30037): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#4B170E): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#25120C): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#0D0501): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

Use it as a design system

One click turns Midnight Atelier 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

• Terracotta Workshop color palette (#FBD9CA, #A10705, #29332E, #2D1100, #140501)
• Moonless Plum color palette (#FFE7E6, #B70082, #491529, #271011, #0F0401)
• Muted Rose Field color palette (#EBDEEA, #EB3555, #653724, #302031, #160D1B)
• Eclipse Bronze Summit color palette (#EADED1, #945800, #3A2700, #251301, #0B0701)
• Worn Blush color palette (#EDDCD7, #FF657B, #805F42, #623035, #1D0C0E)
• Linen Market color palette (#FFE6D0, #B76A00, #568200, #A62261, #45290A)
• Bronze Pier color palette (#F9F1E1, #927B09, #3E3C35, #2D281F, #15150F)
• Timeworn Ember Boulevard color palette (#FFD3CB, #FD562B, #B14600, #7E3800, #5C2D00)

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