Midnight Brick color palette — #F8D8CB · #B60023 · #3E160A · #20251A · #170300

Built around Ruby, softened by Espresso — the whole palette hums with warmth and comfort.

The five colors

• Shell Pink (#F8D8CB): A whisper-light, dusty orange — the color of autumn markets.
• Ruby (#B60023): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#3E160A): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#20251A): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#170300): A deep, shadowed, dusty orange — the color of autumn markets.

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

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

• Shadow Coast color palette (#ECDEEA, #B50021, #36332D, #270500, #030003)
• Plum Drift color palette (#FFEAE8, #AC006E, #3D1420, #222212, #190102)
• Softworn Orchard color palette (#EEE0D5, #934A00, #2E3D39, #351E00, #120600)
• Antique Harbor color palette (#FFDBD1, #E05700, #9E4600, #633300, #321A00)
• Mulberry Alley color palette (#F4E4D8, #AA5F00, #557600, #9F005E, #1F0C00)
• Ancient Market color palette (#EFD5EE, #E2003A, #653200, #2A132A, #030105)
• Aged Archive color palette (#FCF0E3, #C98D4C, #765003, #3C3731, #26201C)
• Softworn Canyon color palette (#F2E7D3, #A48100, #4C4616, #30240E, #171007)

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