Midnight Brick color palette — #F4D7D7 · #B41300 · #521A00 · #291000 · #0F0500
A conversation between Ruby and Espresso, giving this palette its sense of optimism and warmth.
The five colors
- Shell Pink (#F4D7D7): A whisper-light, dusty red — the color of a theater curtain.
- Ruby (#B41300): A full-bodied, vivid orange — the color of toasted spice.
- Espresso (#521A00): A deep, shadowed, balanced orange — the color of autumn markets.
- Ink (#291000): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#0F0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Energy, Depth, Luxury. Tagged dark, warm.
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
- Garnet Field color palette (#F4DADE, #8E0012, #491A00, #1F0E00, #020100)
- Washed Brick color palette (#FFD8DF, #C43441, #752E00, #371C00, #140B00)
- Moonless Plum Coast color palette (#FBE1EE, #B5005C, #60001F, #350002, #0F0600)
- Worn Chestnut Market color palette (#EADBCE, #945500, #422200, #1F2923, #110700)
- Antique Thicket color palette (#FDECE3, #803A00, #00455B, #371500, #00070C)
- Faded Boulevard color palette (#F7DCC9, #C39236, #636E00, #5B1B0B, #150900)
- Weathered Chapel color palette (#F2DAC5, #A26E00, #5B4600, #332E00, #1C1E00)
- Moonless Aubergine color palette (#F2E2D7, #603100, #003D33, #2F005C, #040100)
Browse the whole catalog at Explore, or see today's palette.