Brown Background Generator
Make a brown background or brown wallpaper in 10 styles. Two are drawn only for brown: chocolate squares (a moulded bar of squares with light and dark bevels) and coffee rings (stain rings with a dark rim on a latte ground). The other eight are a gradient, soft clouds, a checkerboard, grid paper, marble, paper, soft blobs and polka dots. Pick one of 11 sets of browns: muted mocha, coffee, cocoa, chestnut, taupe, hazel and camel, or deep espresso, dark chocolate, umber and dark roast. Every colour stays brown: each set is checked against one stated range, and so is every pixel of the picture. Set the number of shapes, squares, rings or layers, 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.
The preview is the same picture drawn smaller. PNG and JPG download at the full size; the PDF fits the picture on one page.
Picture
Details
Every colour stays brown: hue 13° to 50°, saturation 10 % or more, and either lightness under 22 % (deep browns) or saturation under 30 % with lightness up to 68 % (muted browns).
Runs in your browser with our own code: nothing is uploaded or saved. Every gradient, square, ring, check, line, vein, cloud, blob and dot is drawn by our own code from the seed; it is artwork, not a photograph. You may use what you make here, including commercially, with no credit needed.
How to make a brown background
- Pick a preset: gradient, chocolate squares, coffee rings, checks, grid, marble, paper, clouds, blobs or dots.
- Choose the style and one of the sets of browns.
- Set the number of shapes, squares, rings or layers, the angle, the softness and the grain.
- Press New seed for a new picture; the same seed always gives the same one.
- Choose a size and download the PNG or JPG, or the print PDF.
What you can use it for
- Phone lock screens and warm desktop wallpapers
- Video-call backgrounds in a calm brown
- Café, bakery and chocolate menus, price lists and signs
- Autumn, harvest and cosy posts
- Story, post and thumbnail backgrounds
- Printed backing paper for cards and scrapbooks
The 16 presets
| Preset | Style | Browns | Size |
|---|---|---|---|
| Warm brown gradient | Gradient | Mocha | 1920 × 1080 |
| Milk chocolate squares | Chocolate squares | Cocoa | 1920 × 1080 |
| Coffee rings on latte | Coffee rings | Coffee | 1920 × 1080 |
| Brown checkerboard | Checkerboard | Chestnut | 1920 × 1080 |
| Taupe grid paper | Grid | Taupe | 1920 × 1080 |
| Brown marble | Marble | Hazel | 1920 × 1080 |
| Camel paper texture | Paper | Camel | 1920 × 1080 |
| Soft mocha clouds | Soft clouds | Mocha | 1920 × 1080 |
| Soft hazel blobs | Soft blobs | Hazel | 1920 × 1080 |
| Brown polka dots | Polka dots | Coffee | 1920 × 1080 |
| Dark espresso gradient | Gradient | Espresso (deep) | 1920 × 1080 |
| Dark chocolate squares | Chocolate squares | Dark chocolate (deep) | 1920 × 1080 |
| Taupe coffee rings | Coffee rings | Taupe | 1920 × 1080 |
| Phone wallpaper: dark roast blobs | Soft blobs | Dark roast (deep) | 1170 × 2532 |
| Video call: soft camel gradient | Gradient | Camel | 1920 × 1080 |
| 4K umber marble | Marble | Umber (deep) | 3840 × 2160 |
Each preset only fills in the fields; change any setting afterwards.
The 10 styles
| Style | What is drawn |
|---|---|
| Chocolate squares (brown only) | A bar of moulded squares with grooves in the darkest brown, each square with a light top and left bevel and a dark bottom and right bevel |
| Coffee rings (brown only) | Stain rings on a pale gradient: a dark outer rim fading inwards, a faint tint inside and a gap on most rings |
| Gradient | A smooth blend of three colours of the set at the angle you set |
| Soft clouds | Soft rounded clouds in a lighter shade on a deeper sky |
| Checkerboard | Squares of two shades, straight or turned (45° gives diamonds) |
| Grid | Fine light grid lines with a heavier line every fourth square, like graph paper |
| Marble | Stone with soft winding light 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 11 sets of browns
| Browns | The five colours | Saturation and lightness (worked out by the tool) |
|---|---|---|
| Mocha | #b08e78, #977259, #775946, #574133, #372920 | saturation 26–26 %; lightness 17–58 % |
| Coffee | #b5977d, #9b7859, #785d45, #544130, #31261c | saturation 27–27 %; lightness 15–60 % |
| Cocoa | #ab826d, #8e6652, #6e4f3f, #4e382d, #2d201a | saturation 27–27 %; lightness 14–55 % |
| Chestnut | #a47665, #875e4f, #67483c, #4a342b, #2d1f1a | saturation 26–27 %; lightness 14–52 % |
| Taupe | #b4a393, #9b856f, #7b6956, #5a4d3f, #393028 | saturation 18–18 %; lightness 19–64 % |
| Hazel | #b5a687, #9e8a61, #7b6b4c, #594d36, #362f21 | saturation 24–24 %; lightness 17–62 % |
| Camel | #c0ad91, #a9906a, #88714e, #615138, #3e3323 | saturation 27–28 %; lightness 19–66 % |
| Espresso (deep) | #472f1f, #392618, #2b1c12, #20150e, #19100b | saturation 39–41 %; lightness 7–20 % |
| Dark chocolate (deep) | #462b20, #382319, #2e1c15, #231610, #190f0b | saturation 37–39 %; lightness 7–20 % |
| Umber (deep) | #4a361c, #3b2b16, #2c2011, #21180d, #1a130a | saturation 43–46 %; lightness 7–20 % |
| Dark roast (deep) | #3f2f22, #32251b, #281e15, #1e1610, #17110c | saturation 30–31 %; lightness 7–19 % |
The brown range used for every colour and every pixel: a hue of 13° to 50° and a saturation of 10 % or more, and then either a lightness of 5 % to under 22 % (deep browns) or a saturation under 30 % with a lightness of 5 % to 68 % (muted browns).
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) |
| 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 brown-only background or wallpaper | Brown Background Generator (this page) |
| A gray-only background, studio backdrop or fog | Gray Background Generator |
| A seamless kraft or old paper tile | Paper Texture |
| A seamless wood grain tile | Wood Texture |
| A colour blend in any colours, as CSS | Gradient Generator |
For a gray wallpaper or a studio backdrop, try the Gray Background Generator; for a seamless kraft or old paper tile, the Paper Texture maker; for wood grain, the Wood Texture maker.
More free tools
More background tools?
Picture and colour tools that run privately in your browser, with no sign-up and no watermark.
Frequently asked questions
Is this a photo?
No. Every gradient, square, bevel, ring, check, line, vein, cloud, 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 brown?
Every colour in every set is inside one stated range: a hue of 13° to 50° and a saturation of 10 % or more, and then either a lightness of 5 % to under 22 % (deep browns) or a saturation under 30 % with a lightness of 5 % to 68 % (muted browns). Each set lies wholly in one of the two parts, and the drawing only blends colours of the chosen set or darkens very slightly for grain, so every blend stays in that part. Our tests check all 55 colours, and every pixel of every preset, against that range.
Why are some rich browns left out?
Brown is a dark or muted orange. Strong mid browns such as a saddle brown or a sienna have the saturation and lightness of our orange background page, so this page keeps to the deep browns (lightness under 22 %) and the muted browns (saturation under 30 %). Our tests check over every colour a screen can show that no colour in the brown range is also in the orange, red, pink, yellow, green, teal, blue, purple or gray range.
What are the chocolate squares and coffee rings?
Chocolate squares split the picture into a bar of moulded squares with grooves between them; each square is lit from the top left, so its top and left bevels are lighter and its bottom and right bevels darker. The number field sets how many squares across. Coffee rings are stain rings on a pale latte ground: a dark, sharp outer rim fading inwards, a faint tint inside and, on most rings, a gap; the number field sets how many rings and Softness widens the rims.
Which browns are there?
Mocha, coffee, cocoa, chestnut, taupe, hazel and camel (muted), and espresso, dark chocolate, umber and dark roast (deep). 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 ring, cloud, blob and fibre goes, 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 is sent anywhere or saved when you close the page.