# Paper texture backgrounds: tactile designs on screen

[Canonical HTML page](https://gradiently.design/guide/paper-texture-background)

Paper is the oldest background there is, and people still trust it. Here is how to bring its warmth, fibre and uneven light to a screen without it looking like a scanned napkin.

## The short version

- A paper texture background combines three things: a tinted base colour, fine fibre or grain, and slightly uneven light.
- Real paper is never pure white, so a convincing digital paper starts from a cream, oat, grey or kraft brown base.
- Subtle tooth reads as quality paper; heavy creases, coffee stains and torn edges read as clip art and date quickly.
- Paper textures suit invitations, menus, journals, stationery brands, bakeries and anything that wants to feel made by hand.
- Dark ink on paper needs the same contrast as anywhere else, so test small text before you add more texture.

A **paper texture** background makes a screen design feel printed, tactile and made by hand. It works because people read paper as care: an invitation, a letter, a menu someone chose a stock for. To get it right you need three layers working together, a warm or tinted base colour, a fine fibre or grain, and light that is a little uneven across the sheet. Most fake paper fails by overdoing the third one.

## Which paper look suits your design

Paper is not one texture. Cotton rag, kraft, newsprint and washi feel completely different, and each suits a different kind of brand. Start by naming the stock you are imitating.

| Paper | Base colour | Texture | Suits |
| --- | --- | --- | --- |
| Cotton rag | `#f6f1e7` | Soft, even tooth | Wedding invitations, certificates, fine stationery |
| Uncoated cream | `#f3ead8` | Fine fibre, warm | Menus, journals, book covers |
| Kraft | `#c8a57a` | Visible fibre, flecks | Coffee, bakeries, packaging, markets |
| Newsprint | `#e9e5dc` | Grey, slightly rough | Zines, editorial, protest posters |
| Recycled grey | `#dcd8d0` | Speckled | Sustainable brands, studios |
| Washi | `#f4efe4` | Long, translucent fibres | Tea, ceramics, florists, spas |

Six papers and a base colour to start from. Copy the hex, then add the texture on top.

- Cotton: #f6f1e7
- Cream stock: #f3ead8
- Newsprint: #e9e5dc
- Kraft: #c8a57a
- Letterpress ink: #2b2420
- Stamp red: #8a2b1f

Four paper bases with a warm black ink and one stamp red, the classic accent for paper designs. Use the red once per design.

## How to make a paper texture background

You can build convincing paper from scratch in any editor that has noise and blend modes. Scanned paper works too, but a built texture scales cleanly to any size and never shows the edge of a scanner bed.

1. **Fill the base** Fill the canvas with your paper colour from the table, for example `#f3ead8` for uncoated cream.
2. **Add fine tooth** Add a mid grey layer, apply monochrome noise, set it to Multiply or Soft Light at about 4 to 8 percent. This is the surface grain every paper has.
3. **Add fibre** Add a second, larger noise layer and stretch or blur it slightly in one direction. At very low opacity it reads as fibres running through the sheet.
4. **Make the light uneven** Add a soft radial fade, a touch lighter in one corner and a touch deeper in the opposite one. Real paper is never lit perfectly evenly.
5. **Check the ink** Place your smallest text on top and view it on a phone. If any word is harder to read, reduce the texture before anything else.

- Cream stock, window light: `radial-gradient(ellipse at 20% 15%, #fbf7ef 0%, #f3ead8 50%, #e8dcc4 100%)`
- Kraft, warm lamp: `radial-gradient(ellipse at 75% 25%, #d6b78f 0%, #c8a57a 45%, #b08c60 100%)`
- Newsprint, flat daylight: `linear-gradient(170deg, #f1eee7 0%, #e9e5dc 55%, #ddd7cb 100%)`

The uneven light layer on its own. Each is the paper's base colour lifted in one place and deepened in another, before any grain.

The fine tooth in step two is the same technique explained in [grain texture](https://gradiently.design/guide/textured-background). Paper simply uses less of it, with a warmer base.

## Subtle paper beats fake paper

Search results for paper backgrounds are full of crumpled sheets, burnt edges and coffee rings. They look like a theme park version of paper and fight every word you put on them. A good paper texture is quiet enough that people feel it before they see it.

### Avoid

- Heavy creases running through the text
- Coffee stains and burnt edges
- Torn borders on a digital post
- A scanned sheet with visible shadows
- Grey text on cream at small sizes

### Do

- Fine tooth just visible at full size
- Fibres at very low opacity
- Light that is gently uneven
- A warm ink colour, not pure black
- One stamp or accent colour, used once

## Paper texture ideas for real designs

Paper is at its best where a printed object would naturally exist. These are the places it earns its keep.

A wedding invitation design on a soft cream paper textured background with names and a date

A 5×7 in invitation at 1500×2100. Cotton rag tooth and a warm ink feel like a card you can hold.

A bakery social post on a warm kraft paper style background with a short headline

A bakery post on kraft. The texture says handmade before anyone reads a word.

- **Restaurant menus** on uncoated cream, set in a serif. See [restaurant menu design](https://gradiently.design/guide/restaurant-menu-design).
- **Newsletters and journals**, where paper makes long reading feel calmer.
- **Wedding and event invitations**; [wedding invitation design](https://gradiently.design/guide/wedding-invitation-design) has layouts.
- **Craft and handmade brands**, on kraft or recycled grey.
- **Quote cards**, where a single line on paper feels like a note someone wrote.

## Type and ink on paper backgrounds

Paper changes how type reads. Serifs feel at home on cream and cotton because they were drawn for print; a clean sans on newsprint or recycled grey feels modern and slightly industrial. [Serif vs sans serif](https://gradiently.design/guide/serif-vs-sans-serif) explains the trade. Whichever you pick, set ink in a warm near black such as `#2b2420` rather than pure black, which looks digital against a tinted sheet.

Keep body text at a comfortable size and give it more weight than you would on white: texture eats a little contrast, especially on phones. For short lines on paper, such as a single sentence on a [quote card](https://gradiently.design/guide/quote-card-design), you can afford a lighter weight and more space. If you are weighing paper against other surfaces, [background texture](https://gradiently.design/guide/background-texture) compares the main families side by side.

## Paper texture in CSS

For a website, layer an uneven light gradient over the base colour, then add a very light noise layer with SVG. A lower `baseFrequency` than you would use for film grain gives a softer, more fibrous feel.

```css
.paper {
  position: relative;
  isolation: isolate;
  color: #2b2420;
  background:
    radial-gradient(ellipse at 20% 15%, #fbf7ef 0%, transparent 55%),
    radial-gradient(ellipse at 85% 90%, #e8dcc4 0%, transparent 60%),
    #f3ead8;
}

.paper::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
  opacity: 0.08;
}
```

Cream stock with window light and a soft fibre layer. Multiply keeps the paper warm; raise the opacity a little for kraft.

Gradiently has paper and sand materials among its Marks: handmade fibre, soft washes and fine drifting grain rendered live at every size, with the calmest part of the sheet moving behind your words. Search the Market for "paper" or filter by a light ground to find one, then design with it for free.

## FAQ

### What colour is paper in hex?

Real paper is rarely pure white. Uncoated cream is around `#f3ead8`, cotton rag around `#f6f1e7`, newsprint around `#e9e5dc` and kraft around `#c8a57a`.

### How do I make a paper texture in Photoshop or Canva?

Fill a paper colour, add a monochrome noise layer in Multiply or Soft Light at low opacity, then a soft uneven light. In tools without noise, place a subtle paper image at low opacity over the colour.

### Is a paper texture good for text?

Yes, if it is subtle. Keep the tooth fine, use a dark warm ink and check small text on a phone before adding more texture.

### What designs suit a kraft paper background?

Coffee, bakeries, markets, packaging and handmade brands. Kraft reads as natural and practical, so pair it with simple, bold type.