Midnight Brick color palette — #F2DAD8 · #C8002E · #591A09 · #1F100F · #100110

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

The five colors

• Shell Pink (#F2DAD8): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#C8002E): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#591A09): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1F100F): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#100110): A deep, shadowed, dusty pink — the color of a candy shop window.

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

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

• Antique Bronze Thicket color palette (#FFE5D5, #A45000, #492A00, #211009, #15000A)
• Plum Delta color palette (#F2E2FF, #BC007E, #4F202F, #1C0E11, #0D0216)
• Moonless Mulberry color palette (#F4D7F2, #9D0028, #2C373C, #2A1100, #070007)
• Wandering Ember color palette (#FEEAE5, #FD4422, #854525, #4F2820, #0D040D)
• Wandering Amber color palette (#F6DEE6, #E38800, #7D6235, #513A43, #1A0D14)
• Plum Quarry color palette (#EADDD2, #B36900, #578400, #AF2766, #0F0500)
• Chalky Pine color palette (#D3E5DF, #74A951, #2B8530, #7A462D, #061400)
• Washed Parlor color palette (#FFE4D3, #D46D00, #009853, #954B00, #001507)

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