Midnight Brick color palette — #F9DED3 · #B02D2A · #341F12 · #170804 · #050100

Brick and Onyx set the tone — five colors that lean into sophistication and depth.

The five colors

• Shell Pink (#F9DED3): A whisper-light, dusty orange — the color of toasted spice.
• Brick (#B02D2A): A full-bodied, vivid orange — the color of toasted spice.
• Onyx (#341F12): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#170804): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Sophistication, 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

• Bronze Workshop color palette (#F9E9DE, #AD5C2B, #35302B, #1E130B, #0B0503)
• Cellar Mulberry Basin color palette (#F7D6D7, #9C3583, #381C1B, #180608, #060101)
• Shadow Garnet Canyon color palette (#EEDACF, #782200, #181E16, #1C0800, #030100)
• Misty Olive color palette (#F2E4D4, #A86E00, #42802C, #8C3E51, #1F1000)
• Ancient Amber color palette (#F7DACF, #CF7245, #9C4B00, #673800, #331C00)
• Fern Thicket color palette (#ECE8D5, #535B00, #283231, #111F00, #070500)
• Pale Lagoon Bloom color palette (#F9E5D1, #BD8344, #009266, #794800, #002315)
• Wandering Cocoa Atelier color palette (#F4F3E0, #86AC7E, #40714B, #6A3800, #1D1E02)

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