Blue and Black Dress: Shade Guide, Style Picks and Where to Shop
A blue and black dress sounds like one simple idea and turns out to be dozens of decisions: which blue, which black, how the two combine, and whether the exact shade you picked will still look blue once you’re standing under a venue’s lighting. This site exists to answer those decisions with real reference data instead of vague style advice, whether you searched for a black and blue dress or a blue and black dress to get here.
Start with a shade family below, browse by the length or occasion you’re shopping for, or jump straight to the flagship guide for the full 50-shade reference.
Three ways to wear blue and black together: a sheath, a wrap midi, and a shirtdress.
An asymmetric hem and a flared skirt, two silhouettes for the same colour pairing.
A classic colour-block sheath dress, easy to dress up or down.
At a glance
•50 blues across 7 families, each with a hex code and a recommended black pairing
•18 guides covering shade selection, fit and length, and wedding etiquette
•Dedicated hubs for short, midi, and long dresses, plus prom, wedding guest, and mother-of-the-bride
•Every shopping link is a live, tagged Amazon search, never a fabricated product listing
These six shades get the most searches on this site, each with its own full profile covering undertone, black pairings, and where it’s most likely to go wrong.
A deep royal blue gown with sheer black lace panelling down each side of the skirt.
Tea-length A-line dress alternating navy blue and black vertical colour panels.
Teal Blue tea-length dress layered in black floral lace over a fitted bodice.
A bodice split is the highest-contrast placement pattern in the nine-pattern guide, and royal blue is the shade least likely to lose its colour under a camera flash.
Why this works
Highest-contrast shade and highest-contrast placement, together, so the pairing reads clearly in every photo.
•Bodice split: the highest-contrast of the nine placement patterns
•Royal blue holds saturation under flash better than any other shade in the guide
•A safe first choice for prom or a formal cocktail dress code
Navy Blue sits closest to true black in luminance of any shade in the guide, so charcoal, the softer of the two black variants, keeps the pairing from reading as one flat, undifferentiated dark colour.
Why this works
A softer black variant for the one shade most likely to disappear next to true black.
•Charcoal reads softer than true black against navy blue's own deep tone
•Navy Blue is the hardest blue in this guide to get right under dim indoor lighting
•Works best with a trim or panel placement rather than a full bodice split
Colour-block is the most editorial of the nine placement patterns, and sapphire blue's saturation sits between royal blue's brightness and navy blue's depth, a middle ground that suits a bolder placement.
Why this works
A shade with room for a bold pattern that a paler or a darker blue can't carry as well.
•Colour-block reads as the most modern, deliberate of the nine patterns
•Sapphire Blue is more saturated than navy blue without royal blue's very high brightness
•A strong option for a wedding guest or cocktail dress code
The same hex code reads differently under spring daylight, summer sun, autumn candlelight, and winter evening lighting. See the seasonal shade shift guide for why, or go straight to a season below.
One blue and black midi dress, shown against spring, summer, autumn, and winter backdrops.
Three-quarter sleeve navy blue and black lace midi dress, suited to any season indoors.
Three-quarter sleeve wrap-style midi dress in a blue and black floral print.
Style here means formality register, not length or pattern: how dressed up an event actually is. Saturation changes more between these than anything else, muted for daytime, saturated for a night out, deep jewel tones for black tie.
Short, midi, and long above cover the broad categories, but shoppers search in narrower terms, tea length, high-low, mid-calf. A few inches changes the colour-block proportion more than the length names suggest, which is why each gets its own page.
Every other section on this page assumes a solid dress. Pattern changes which blue actually works: a busy print needs a different shade than a crisp, high-contrast one like houndstooth.
Most colour-and-style sites either invent hex codes or copy them from wherever a retailer happened to write one. This site does neither, and says exactly where its data currently stands.
Where the Data Comes From
Every shade starts from the same place: a standard colour taxonomy, not a measurement.
The 50-Shade Taxonomy
All 50 shades are grouped into 7 families. The family breakdown below links to each group in the shade index.
Shades by Family
•Royal & Classic Blues: 8 shades
•Navy & Midnight Blues: 8 shades
•Cobalt & Electric Blues: 7 shades
•Teal & Blue-Greens: 7 shades
•Powder & Pastel Blues: 7 shades
•Dusty & Muted Blues: 7 shades
•Jewel & Deep Blues: 6 shades
Verified vs. Preview
A shade only ever ships as “verified” once its hex value has actually been sampled from real garment photography and its flash behaviour has actually been tested, not before.
Current Status
0 of 50 shades are verified right now. Every page that shows hex, undertone, or flash-behaviour data carries a visible preview notice saying so. See the flagship shade guide for the complete, current data set.
Frequently Asked Questions
What exactly is a blue and black dress?
It's a dress that combines a blue shade with black, whether as a bodice split, a trim, a colour-block, or one of the other placement patterns covered in the nine-pattern guide. Listings use both word orders, blue and black dress and black and blue dress, interchangeably for the same style.
How do I pick the right blue for my skin tone or the event?
Start with the flagship shade guide to narrow down a family (royal, navy blue, cobalt blue, teal blue, pastel, dusty, or jewel), then check the shade-and-skin-tone guide for undertone matching and the seasonal shade shift guide for how your chosen shade will actually look under the event's lighting.
Are the shopping links on this site to specific products?
No, and this is deliberate rather than an oversight. Every shopping link on this site is a live, tagged Amazon search for a shade and style combination, not a claim about one specific product, its price, or its availability, since we don't yet have a large enough sales history for Amazon's Creators API to supply real product data. See the verification section below for the full explanation.
Is the hex and undertone data on this site independently verified?
Not yet, and every page that shows this data says so directly. The 50-shade list starts from a standard colour taxonomy, and each shade is being checked against real garment photography and camera-flash tests over time. Nothing here is presented as verified until it actually is.
MJ
Mariah Johnson
Editor, Blue and Black Dress
I maintain the shade index and the placement pattern guides on this site, verifying each hex value against real garment photography as I work through the list, and I keep the pairing tables current.
