Blue T-shirt mockups in real-time 3DIn royal, navy and light blue

Navy, royal and light blue print and photograph very differently: navy can pass for black on camera, and white ink nearly vanishes on light blue. Add your artwork and turn the shirt in 3D to check every side.

Royal blue classic crew-neck T-shirt mockup with an all-over yellow AmosMind print

Blue T-shirt mockups

62 mockups

Add your design

Navy loose-fit boxy T-shirt mockup

Artwork that works on a blue T-shirt

What reads well depends on which blue you pick. On navy and royal, white, gold and bright orange stand out. On light blue, white nearly disappears and darker art works better. Check your palette on the 3D shirt before it goes to print.

White artwork that nearly vanishes on a light blue T-shirt next to yellow artwork that stands out on royal blue

Match contrast to the shade
Dark blues want light art; light blues want dark
White on light blue is barely legible
Try gold or orange on royal
Orange is the complement of royal blue
Gold gives a crisp team or collegiate look
Keep black art off navy
Navy can read as black on camera
Black details on navy fade almost completely
Ask about light blue
Ink is translucent, so fabric tints it
Some printers lay white under light blue, some don't

The 3D preview shows how your colors read against blue fabric under studio light. It does not simulate ink thickness or how a specific printer handles light blue.

Test your artwork on blue

How blue T-shirts are printed

Navy and royal blue are printed like dark shirts, with white laid under the colors. Light blue sits in between, and printers treat it differently. Which method you use changes how you should prepare the file.

The same print on navy, royal blue and light blue T-shirts

DTG (direct to garment)

Navy and royal get pretreatment and a white underbase, like black. Semi-transparent pixels can print as a pale haze on them.

Light blue on DTG

Some printers print light blue like a light shirt, with no underbase; others underbase every non-white shirt. Ask before you design.

Screen printing

On navy and royal a white underbase is printed and flash-dried first, which adds a screen. Fewer colors keep the cost down.

DTF transfer

A white layer on the film blocks the fabric color, so the same transfer looks the same on navy, royal and light blue.

Garment-dyed blues

Pigment-dyed blues such as washed denim shades vary slightly between dye batches. Check the blank before you match colors to it.

Which one to plan for

Tell your printer which blue you are using. Your mockup should show the colors the chosen method can reproduce on that shade.

Prepare a print file on blue

Navy, royal or light blue: not every blue T-shirt is the same blue

Navy ranks right behind black and white in print-on-demand color lists, while royal blue is a classic team color. Match the blue of the shirt you will ship, so your mockups don't promise a brighter or darker shade than customers receive.

Navy

American Apparel 2001 · #202332A deep navy filed with American Apparel's core darks; on camera, navy this deep can read as black.

True Royal

Bella+Canvas 3001 · #385E9DA saturated royal on 100% combed cotton; Printful ranks True Royal its 10th most popular tee color.

Blue Jean

Comfort Colors 1717 · #647692Pigment garment-dyed denim blue with a washed, vintage look; shades vary slightly between batches.

Carolina Blue

AS Colour 5001 · #A0BFE2A pale sky blue on 5.3 oz combed cotton; white ink nearly vanishes on it, so use darker art.

Fabric looks for T-shirts

Cotton jersey
Heather jersey
Stretch polyester
Sports mesh

Colors are on-screen approximations of each brand's published color or swatch. Shirts on this page open in True Royal (#385E9D), Navy (#202332) or Carolina Blue (#A0BFE2), as shown on each card; type your blank's hex into Garment color to match yours. Fabric looks are visual presets, not a fabric simulation.

Match your blue in 3D

How to make a blue T-shirt mockup

Open a style in blue
Pick any T-shirt on this page. It opens in the 3D editor in the blue shown on its card: royal, navy or light blue. Type your blank's hex into Garment color to match it exactly.
Place your artwork
Click Upload artwork and add a PNG, JPG, WebP or SVG. Drag it onto the front, back or a sleeve: light art for navy and royal, darker art for light blue.
Check it from every side
Turn the shirt and zoom into folds and seams. On navy, check that dark details don't fade into what looks like black.
Render and compare to a swatch
Export 2K or 4K, or choose Transparent in the Background panel for a PNG. Compare navy renders with your blank's swatch, so buyers don't mistake the shirt for black.

Make a blue T-shirt mockup

More T-shirt colors

The same styles, set up for other shirt colors. Or go back to all T-shirt mockups and choose any color in the editor.

All T-shirt mockups White T-shirt mockups Black T-shirt mockups Red T-shirt mockups Grey T-shirt mockups

Where blue T-shirt mockups get used

Each blue has its own job, and each needs a different kind of mockup.

School and company shirts

Navy sits between formal branding and casual wear, which makes it a staple for schools and companies.

White or gold chest logos
Matching staff and class sets
Clean renders for approval

Team colors

Royal blue is the main color of many teams, from baseball's Kansas City Royals to Schalke 04.

Names and numbers on the back
Gold or orange accents
Front and back renders

Gender reveals and baby showers

Light and baby blue are the traditional colors for boys, a staple of gender reveal parties.

Dark art that reads on light blue
Matching pink versions side by side
Square renders for invitations

Start a blue T-shirt mockup

Blue T-shirt mockup questions, answered

Answers about artwork, printing and exports on navy, royal and light blue shirts. For every other color and general T-shirt questions, see the T-shirt mockups page.

Where can I create a free blue T-shirt mockup?

Start on this page: every style opens in the 3D editor already set to plain royal, navy or light blue. Adding your artwork and previewing it in 3D is free, and the export panel shows any cost before you render a download. Log in with an email code or Google to upload artwork and render images.

How do I make my own blue T-shirt mockup?

Pick a T-shirt above, upload your artwork and drag it onto the front, back or a sleeve. Turn the shirt to check contrast on every side, then render the view you need. There is no PSD or smart object to edit.

What color design looks best on a blue T-shirt?

On navy and royal, white, gold and bright orange stand out. On light blue, white nearly disappears, so use navy, black or other dark colors.

Is navy the same as black in a mockup?

No, but navy can read as black in photos and on screens. Compare renders with your blank's swatch, and name the color in your listing so buyers know what they get.

Do I need a white underbase on a blue T-shirt?

On navy and royal, yes: DTG and screen printing lay white under the colors. On light blue it depends on the printer, so ask before you design.

Can I download a blue T-shirt mockup with a transparent background?

Yes. Choose Transparent in the Background panel and the blue shirt downloads as a PNG, ready to place on your own store background.

Can I show the front and back of a blue T-shirt?

Yes. Put artwork on the front and the back of the same blue shirt, then render each view as its own image, with the same light and the same shade of blue.

Can I switch the blue shirt to another color later?

Yes. Garment color takes any six-digit hex, so you can try the same design on navy, light blue or any other shade. The white, black and red T-shirt pages start those colors for you.

Blue T-shirt mockups in real-time 3DIn royal, navy and light blue