Midnight Brick color palette — #F6D6D5 · #AF1C1A · #6A1A00 · #340C00 · #0F0300

A conversation between Ruby and Oxblood, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F6D6D5): A whisper-light, dusty red — the color of a theater curtain.
• Ruby (#AF1C1A): A full-bodied, vivid orange — the color of toasted spice.
• Oxblood (#6A1A00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#340C00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0F0300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, 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

• Nocturne Garnet color palette (#F5E5DB, #8A5030, #5F1D00, #350200, #040100)
• Crimson Meadow color palette (#EDDBE1, #DB405E, #882300, #3C1B00, #050200)
• Linen Aubergine color palette (#FBDDCC, #9E2F00, #6100A7, #4D1200, #05000F)
• Faded Coast color palette (#FDE3DD, #E3560E, #A14200, #572900, #2B1400)
• Gentle Mulberry Bloom color palette (#FDDDEA, #A71D60, #730034, #3A0011, #100001)
• Soft Bronze Harbor color palette (#F5E3D8, #C48C47, #906D00, #681E00, #0E0400)
• Moonless Studio color palette (#FCDECE, #753400, #3C4300, #56003E, #030100)
• Bronze Boulevard color palette (#F6E0C3, #A07600, #695400, #403600, #161400)

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