Blue Background Generator

Make a blue background or blue wallpaper in 10 styles. Two are made for blue: layered ocean waves with pale crests, and a denim twill woven thread by thread, from dark indigo to faded. The others are a soft gradient, aesthetic clouds, a checkerboard, grid paper, marble, paper, soft blobs and polka dots. Pick one of 12 sets of blues, from baby blue and ice blue to cobalt, royal blue, navy and midnight. Every colour stays blue: each set is checked against one stated range, and so is every pixel of the picture. Set the amount, the angle, the softness and the grain. Every picture comes from a seed number: the same seed and size always give the same picture, and New seed gives you a new one. Choose desktop, 4K, phone, a 16:9 video-call background, tablet, square, banner or your own size up to 4096 pixels, then download a PNG or JPG, or a PDF to print. Nothing is uploaded.

100% private — everything runs in your browser. Everything runs in your browser; nothing is uploaded.

How to make a blue background

1. Pick a preset: ocean waves, denim, clouds, gradient, checks, grid, marble, paper, blobs or dots.
2. Choose the style and one of the sets of blues.
3. Set the amount (waves, threads, squares, lines or shapes), the angle, the softness and the grain.
4. Press New seed for a new picture; the same seed always gives the same one.
5. Choose a size and download the PNG or JPG, or the print PDF.

What you can use it for

• Phone lock screens and aesthetic desktop wallpapers
• Video-call backgrounds in a calm blue
• Story, post and highlight backgrounds
• Slides, website headers and banners
• Baby showers, boy birthday posts and nautical party invitations
• Printed backing paper for cards and scrapbooks

The 17 presets

Preset	Style	Colours	Size
Soft blue gradient	Gradient	Baby blue	1920 × 1080
Ocean waves	Ocean waves	Ocean blue	1920 × 1080
Blue denim	Denim twill	Denim	1920 × 1080
Aesthetic blue sky clouds	Aesthetic clouds	Sky blue	1920 × 1080
Blue checkerboard	Checkerboard	Cornflower	1920 × 1080
Blue grid paper	Grid	Powder blue	1920 × 1080
Blue marble	Marble	Cobalt	1920 × 1080
Ice blue paper texture	Paper	Ice blue	1920 × 1080
Soft periwinkle blobs	Soft blobs	Periwinkle	1920 × 1080
Navy polka dots	Polka dots	Navy	1920 × 1080
Royal blue gradient	Gradient	Royal blue	1920 × 1080
Midnight blue marble	Marble	Midnight blue	1920 × 1080
Faded light denim	Denim twill	Powder blue	1920 × 1080
Night sea waves	Ocean waves	Navy	1920 × 1080
Phone wallpaper: baby blue waves	Ocean waves	Baby blue	1170 × 2532
Video call: soft sky gradient	Gradient	Sky blue	1920 × 1080
4K navy denim	Denim twill	Navy	3840 × 2160

Each preset only fills in the fields; change any setting afterwards.

The 10 styles

Style	What is drawn
Ocean waves	Layered bands of sea with pale crests, smaller and paler towards the top
Denim twill	A 3/1 twill weave of dark warp and lighter weft threads, faded in soft patches
Gradient	A smooth blend of three colours from the set at the angle you set
Aesthetic clouds	Soft rounded clouds in a light shade on a deeper sky
Checkerboard	Squares of two shades, straight or turned (45° gives diamonds)
Grid	Fine grid lines with a heavier line every fourth square, like graph paper
Marble	Stone with soft winding veins
Paper	A soft paper texture with tiny fibres
Soft blobs	Large blurred circles of colour
Polka dots	Round dots in rows, straight or turned

The first two styles are only on this page; they are made for blue. The other eight are shared with our other one-colour backgrounds.

The 12 sets of blues

Blues	The five colours	Hue and lightness (worked out by the tool)
Baby blue	#dbeefa, #bcdef5, #98caf0, #70b4eb, #4499e4	hue 203–208°; lightness 58–92 %
Sky blue	#c6ebfa, #97d8f7, #63c3f2, #2fabee, #128dd9	hue 197–203°; lightness 46–88 %
Powder blue	#dae6f1, #bcd1e6, #9bbad9, #76a1cb, #4e85bc	hue 209–210°; lightness 52–90 %
Ice blue	#deeff7, #cee5f3, #b6d7ed, #99c4e5, #74acdc	hue 199–208°; lightness 66–92 %
Cornflower	#c9d7f7, #a1b9f2, #7598eb, #4c7ae6, #2059df	hue 222°; lightness 50–88 %
Periwinkle	#d5daf6, #b7c0f0, #96a1e9, #707de1, #4a58d9	hue 231–234°; lightness 57–90 %
Ocean blue	#a8d8f0, #5aaee2, #2380c7, #1a5993, #11355f	hue 200–212°; lightness 22–80 %
Cobalt	#6faaf6, #3684f2, #0e61dd, #0b49ad, #08337d	hue 214–218°; lightness 26–70 %
Royal blue	#809eef, #4971e9, #1b47da, #1536ac, #10267f	hue 224–228°; lightness 28–72 %
Denim	#90b0d5, #5c8ac1, #3b659b, #2d4b76, #1f3351	hue 212–216°; lightness 22–70 %
Navy	#2b56ab, #214083, #182f62, #122249, #0e1a39	hue 220–223°; lightness 14–42 %
Midnight blue	#2c4196, #202f6f, #182253, #12193f, #0f1433	hue 228–232°; lightness 13–38 %

The blue range used for every colour and every pixel: hue 195° to 250°, a saturation of 25 % or more and a lightness of 10 % to 95 %.

Sizes

Size	Pixels	Width ÷ height
Phone	1170 × 2532	0.462
Desktop	1920 × 1080	1.778
4K	3840 × 2160	1.778
Video call background	1920 × 1080	1.778
Tablet	2048 × 2732	0.750
Square	2048 × 2048	1.000
Banner	1500 × 500	3.000

Every size is drawn at its own pixels, not stretched.

What downloads

Download	What is in it
PNG	The still picture at the full size you chose, every pixel exactly as drawn
JPG	The same picture as a smaller JPG (quality 92)
PDF	One Letter or A4 page with the picture fitted inside 10 mm margins

Paper	A 4K picture prints at	Sharpness
Letter (landscape)	259.4 × 145.9 mm	376 px per inch
A4 (landscape)	277.0 × 155.8 mm	352 px per inch

To fit a photo of your own to your screen instead, use the Phone Wallpaper Maker; to change the size of a picture afterwards, the Image Resizer.

Which tool to use

You want	Use
A blue-only background or wallpaper	Blue Background Generator (this page)
A purple-only one	Purple Background Generator
A colour blend in any colours, as CSS	Gradient Generator
A seamless marble texture in many stones	Marble Texture
A seamless fabric texture (cotton, linen, denim and more)	Fabric Texture
Seamless water textures	Water Texture

For a purple one, try the Purple Background Generator; for a blend in any colours as CSS, the Gradient Generator; for a seamless denim or other cloth texture, the Fabric Texture maker.

Frequently asked questions

Is this a photo?

No. Every wave, thread, cloud, check, line, vein, blob and dot is drawn by our own code from the seed: it is artwork, not a photograph.

How do you make sure it stays blue?

Every colour in every set is inside one stated range: hue 195° to 250°, a saturation of 25 % or more and a lightness of 10 % to 95 %. The drawing only blends colours from the chosen set and darkens very slightly for grain, which keeps the hue. Our tests check all 60 colours, and every pixel of every preset, against that range.

How is the denim drawn?

As a twill weave: dark warp threads pass over three light weft threads and under one, and each row starts one thread later, which makes the diagonal ribs of denim. Each thread is shaded across its width and has its own depth of dye, and a soft cloud of fading (softness) makes it look washed.

How are the ocean waves drawn?

As bands of sea from the far top to the near bottom. Each band’s edge is the sum of two sine waves, getting taller and longer towards the front, with a pale crest just under the edge. The amount sets how many bands; the angle shifts the waves sideways.

Which blues are there?

Baby blue, sky blue, powder blue, ice blue, cornflower, periwinkle, ocean blue, cobalt, royal blue, denim, navy and midnight blue. The table below gives the five colours of each set as hex codes.

Can I use it as a video-call background?

Yes. Choose Video call background (16:9, 1920 × 1080), download the PNG or JPG and pick it as a virtual background in your video-call app.

What does the seed do?

It fixes where every wave, cloud, blob and fibre goes, how each thread is dyed, and where the checks and lines start. The same seed and size give exactly the same picture, pixel for pixel.

Is it free?

Yes. There is no sign-up, no watermark and no limit.

Is anything uploaded?

No. Every pixel is worked out by JavaScript in your browser. Nothing you type is sent anywhere or saved when you close the page.