Midnight Brick color palette — #F2DFF1 · #BB243B · #4A1901 · #260C26 · #11030B

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

The five colors

• Blush (#F2DFF1): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#BB243B): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#4A1901): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Indigo (#260C26): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#11030B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Depth, Luxury. Tagged noir, dark, luxury.

Use it as a design system

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

• Deep Plum Summit color palette (#ECE4F5, #B50F7F, #4B141F, #2D071E, #100206)
• Charred Terracotta Quarry color palette (#F5E8F2, #A10900, #2C1200, #160112, #030200)
• Aged Rose color palette (#F3E0DA, #E83A5A, #613B11, #3C1C13, #1B0D0E)
• Velvet Quarry color palette (#F8D7E2, #935900, #352900, #2C0A19, #130405)
• Muted Atelier color palette (#FFEAE2, #FF6771, #885A47, #563A30, #190E0D)
• Tempered Lantern color palette (#E9F5ED, #8D7C34, #2A423B, #1E2C24, #0F1715)
• Weathered Grape color palette (#FFE6D2, #B96800, #008575, #7E00D7, #4A2600)
• Timeworn Coral Drift color palette (#F9DAD9, #EE7154, #AD4C00, #764000, #433B00)

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