Midnight Brick color palette — #F4DFDE · #AB3B41 · #5C0011 · #1A1D0E · #180002

Brick and Espresso set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#F4DFDE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#AB3B41): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#5C0011): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1A1D0E): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#180002): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Warmth, Comfort, Depth, Luxury. Tagged monochrome, dark, muted, 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

• Chestnut Field color palette (#F7D9C7, #994E00, #4B2300, #17180D, #110400)
• Nocturne Mulberry Garden color palette (#FFE8F2, #9C3C76, #4E0031, #1E0D05, #16000B)
• Powdered Bronze color palette (#F3E0D9, #CC7F6F, #AB5000, #670029, #240001)
• Terracotta Field color palette (#FFDDCD, #CE7B56, #8B3100, #491900, #2F0D00)
• Crimson Canyon color palette (#FFE4E2, #D33E58, #8C0018, #400004, #070000)
• Hushed Bronze Bloom color palette (#F4DBC4, #B26C00, #683B00, #2F1700, #110600)
• Brick Parlor color palette (#FFF2EF, #F38876, #BD2D08, #741200, #4C0800)
• Deep Chestnut Harbor color palette (#F0E5D7, #785300, #03361D, #291A00, #010200)

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