Midnight Brick color palette — #F7E7EA · #C10613 · #582A00 · #221600 · #020200

Built around Ruby, softened by Espresso — the whole palette hums with optimism and energy.

The five colors

• Rose Water (#F7E7EA): bright and airy, almost weightless.
• Ruby (#C10613): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#582A00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#221600): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020200): a grounded near-black with real depth.

Feels like: Optimism, Energy, Depth, Luxury. Tagged dark, vibrant, 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

• Moonless Chestnut Pier color palette (#FFE5E1, #934C00, #4C3800, #111500, #000200)
• Mulberry Study color palette (#EDDDBD, #A10028, #402A00, #001626, #050100)
• Deep Drift color palette (#F2D5F0, #B90067, #720013, #240C00, #040200)
• Airy Harbor color palette (#FFE4E5, #D35331, #874200, #3D2800, #0D0900)
• Peony Loft color palette (#F2DFD1, #F60588, #AC5000, #4C4700, #050100)
• Softworn Garnet Villa color palette (#F9ECE7, #AF9C8E, #9C7334, #63151B, #0D0100)
• Hushed Bronze Cabin color palette (#FFDEDE, #8E612F, #434500, #192143, #190215)
• Frosted Bronze color palette (#FFDFC8, #AC7D00, #565B00, #153700, #00160C)

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