Midnight Brick Coast color palette — #F1D8F0 · #C70033 · #51230B · #200E0E · #120012

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

The five colors

• Thistle (#F1D8F0): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#C70033): A full-bodied, vivid red — the color of late-summer berries.
• Espresso (#51230B): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#200E0E): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#120012): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Sunlit Plum color palette (#FAE2ED, #BB0080, #541C26, #210F15, #0D0216)
• Moonless Bronze Lantern color palette (#F9DAC8, #A54F00, #452D00, #271510, #12020A)
• Washed Field color palette (#FFE3E3, #625500, #9C002B, #271300, #070007)
• Ember Station color palette (#F8D9D3, #FE4128, #864607, #452B3F, #0E0310)
• Amber Coast color palette (#F9D5E2, #E48700, #776536, #543843, #190D15)
• Soft Tangerine Boulevard color palette (#F9D9E7, #E98129, #0075AB, #954B00, #00111E)
• Worn Amber Loft color palette (#DBEADB, #BA7D00, #5C5423, #213522, #090205)
• Quiet Ember color palette (#FBDCE2, #D86B51, #9F6B18, #005C58, #00232D)

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