Midnight Loft color palette — #EDE0F7 · #AF1770 · #321C2E · #100914 · #020206

A conversation between Magenta Rose and Onyx, giving this palette its sense of energy and sophistication.

The five colors

• Blush (#EDE0F7): A whisper-light, dusty violet — the color of a velvet chair.
• Magenta Rose (#AF1770): A full-bodied, vivid rose — the color of pressed rose petals.
• Onyx (#321C2E): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#100914): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#020206): a grounded near-black with real depth.

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

Use it as a design system

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

• Lowlit Brick color palette (#E6DAE4, #B81B2A, #381928, #130812, #030105)
• Byzantium Atelier color palette (#E7E4FC, #981AB2, #2F1C39, #0D0A18, #010206)
• Weathered Raspberry Coast color palette (#FDE1DF, #BF5788, #55372E, #2E1C1B, #16090B)
• Twilit Garnet color palette (#F9E8FF, #7F003C, #362B21, #200400, #030005)
• Chalky Scarlet color palette (#EFDFEB, #DA371A, #007D89, #00657D, #200B1B)
• Amber Bloom color palette (#FAE8F1, #C36531, #304033, #251B20, #0F0B0E)
• Velvet Field color palette (#FFE9EF, #955C00, #2E2B00, #1C0810, #070205)
• Soft Ember Meadow color palette (#F6E2F2, #EA5C4D, #008C98, #8F3027, #002125)

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