Midnight Brick color palette — #ECDED8 · #B63315 · #313700 · #4C0A00 · #020200

Brick takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#ECDED8): bright and airy, almost weightless.
• Brick (#B63315): A full-bodied, vivid orange — the color of autumn markets.
• Forest (#313700): A deep, shadowed, dusty green — the color of fresh herbs.
• Espresso (#4C0A00): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Depth, Luxury. Tagged duotone, dark.

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 Plum Loft color palette (#FEEAE7, #A24267, #363500, #4C0026, #020200)
• Smoked Bronze Dune color palette (#EADFD6, #975600, #003C34, #3B1E00, #000202)
• Eclipse Onyx color palette (#EFDFCC, #884100, #323300, #1D0048, #130900)
• Amber Field color palette (#F6E7DB, #C56600, #684E00, #6B3400, #030200)
• Bronze Boulevard color palette (#F2EBE4, #B2A897, #8D8037, #532C00, #200F01)
• Ember Terrace color palette (#EFDEC2, #F25545, #886700, #205900, #0F0C00)
• Ancient Bronze color palette (#F2EADD, #A78309, #005D4C, #523E00, #061100)
• Powdered Ember Chapel color palette (#FFEEE3, #E55E06, #386200, #762C00, #091600)

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