Value and Saturation guide

Tints, Shades and Tones Explained

Every color has a lighter, darker and quieter version. Here is how to make and use them.

Tints: add white
Tones: add gray
Shades: add black
Starting from #3A86FF. Each row mixes the base color with white, gray or black in six even steps.

Pick any hue, say a medium blue, and you can change it in only three ways without leaving that hue: make it lighter, make it darker, or make it quieter. Those three moves have names. Adding white gives a tint, adding black gives a shade, and adding gray gives a tone.

Once you can control all three, one color becomes a whole family. That is how a single can of paint turns into a trim color, a wall color and a dark accent, and how a single skein of yarn color becomes a calm blanket. This guide covers the definitions, a simple way to build a value scale, and how to use the results in real projects.

The three ways to change a color

These definitions are the traditional ones used in color theory, and they are objective: each describes what you add to a pure hue.

NameYou addEffectTypical feel (editorial)
TintWhiteLighter, softerAiry, gentle, pastel
ShadeBlackDarker, heavierDeep, dramatic, formal
ToneGray (white plus black)Duller, more mutedCalm, sophisticated, earthy

Here is one red, #D62828, with a tint, a tone and a shade next to it:

#D62828
#F4A5A5
#A85A5A
#7A1414

From left to right: the pure red (#D62828), a tint (#F4A5A5, a soft pink), a tone (#A85A5A, a dusty rosy brown) and a shade (#7A1414, a deep wine). The last three are all still recognizably red. The feelings we attach to them are opinion, but the math of what was added is not.

Value and saturation: two separate dials

Value is how light or dark a color is. Saturation (also called chroma or intensity) is how pure or vivid it is. Tints and shades mostly move value. Tones mostly move saturation.

That is only roughly true, because adding black or white also reduces saturation a little. Still, it helps to think of two dials. Turn the value dial and the color goes lighter or darker. Turn the saturation dial and it goes from vivid to muted.

A quick test for value: take a photo of your swatches and switch it to grayscale. If two colors turn into the same gray, they have the same value, even if their hues are very different. This is one of the most useful habits in all of color work, and it comes back in the contrast guide.

How to build a value scale

A value scale is a strip of steps from near-white to near-black in one hue. Making one teaches your eye more than any article can.

  1. Pick a base color, such as a mid blue like #1D4E89.
  2. Paint a strip of 7 or 9 equal boxes on heavy paper or primed board.
  3. Leave the middle box pure. Mix white into the base for the boxes on one side, a little more white each step.
  4. Mix a touch of black into the base for the boxes on the other side. Add black in tiny amounts, because black overpowers fast.
  5. Check the finished strip in grayscale. The steps should march evenly from light to dark with no jumps.
#0C2442
#153A68
#1D4E89
#4C79AE
#6F9BD1
#B7CFEA
#E6EEF8

The swatches above show that scale in hex: two shades, the base, then tints. Notice the gap between #1D4E89 and #4C79AE feels bigger than the gap between #B7CFEA and #E6EEF8. Pigments rarely step evenly by eye, so adjust until it looks even rather than trusting equal measures of paint.

Always mix a little more than you think you need. Matching a tint a second time is surprisingly hard.

Muted versus vivid

A tone is what you reach for when a color feels too loud. Mixing in gray, or a small amount of the color's complement, lowers saturation without changing how light the color is.

Compare two greens: a vivid #2DC653 and a muted tone near #6B8F71. Both have a similar lightness, yet the second one sits quietly in a room, while the first one demands attention. We tend to like muted tones for large surfaces such as walls and sofas, and vivid colors for small hits such as a pillow or a vase.

#2DC653
#6B8F71
#8A9A8D

The right swatch, #8A9A8D, is a gray-green so quiet it nearly works as a neutral. Colors like this are the secret behind most rooms that look "put together" in photos. They are an opinion-based style choice, not a rule, but they are hard to get wrong.

Using a tonal range in a project

A tonal range is a handful of steps from the same family. It is a dependable way to get variety without a clash, because the hue never changes.

Walls and trim

Paint the walls in a mid tone, the trim in a light tint and a door or built-in in a shade. The room reads as one color story with depth.

Fabric and yarn

Pick three to five yarns or fabrics of one hue at clearly different values. If they are too close in value, the pattern disappears. Aim for visible steps.

Paper crafts

Cut layered paper shapes from light to dark for a dimensional wall piece. Light shapes tend to advance in the first layers, and dark ones recede into depth when placed behind.

Monochrome schemes that do not look flat

A monochrome scheme uses one hue in many values and saturations. The risk is boredom. Three habits keep it lively:

  • Spread the values widely. Include at least one very light and one very dark step.
  • Add texture. Linen, wool, matte paint, glazed pottery and wood grain all give variety that color cannot.
  • Add one tiny contrast. A small amount of a neutral or the complement, even 5 percent of the scheme, wakes up the rest.
#1B3A2F
#3D6B57
#7FA392
#BFD4C8
#F1F6F3

This green set, from #1B3A2F down to #F1F6F3, could dress a bookshelf, a bathroom, or a small stack of ceramic bowls. The numbers are the objective part. Whether it feels spa-like or sleepy depends on texture and lighting, which is where the judgment comes in.

When to use it

  • You love one color but it feels too strong at full strength.
  • You need several related colors for walls, trim and accents.
  • A room or project feels busy and you want it calmer.
  • You are matching or extending a color you already own.
  • You want depth in a drawing, canvas or paper piece without adding new hues.
  • You are planning an ombre, gradient or fade.

Common mistakes

Adding black to darken everything

Black can turn yellow muddy green and flatten other hues. Try a darker neighbor color or a deep complement in small amounts instead.

Steps too close together

If your swatches have nearly the same value, the range looks like one color. Check in grayscale and widen the gaps.

Mixing too little

Running out halfway through a wall or a gradient means a second batch that rarely matches. Mix a generous batch and label it.

Confusing tone with tint

A tint is lighter but still clean and bright. A tone is grayer. Using only tints gives a pastel look, which may not be what you meant.

Judging wet paint

Many paints and glazes dry darker or lighter. Dry a test patch before you commit.

Recommended combinations

Editorial suggestion These palettes are starting points we like. Open one in the tools to adjust it or check its contrast.

#1D4E89
#5E7391
#9DB2CC
#E6EEF8

Dusty Blue Family

A tonal blue set that suits bedrooms and linen. We like it with warm wood to stop it feeling cold.

Open in Palette Builder Compare
#7A2E1D
#B5523B
#D98B73
#F2D3C7

Terracotta Fade

Shade to tint of one orange-red. Good for a pottery glaze test or an ombre napkin set.

Open in Palette Builder Compare
#3F5A47
#6B8F71
#A3B8A5
#E4ECE5

Sage Quiet

Muted greens for a calm shelf or planter group. Pair with white ceramic.

Open in Palette Builder Compare
#2E1A3F
#5B3A7A
#8F6DB0
#D9C8E8

Plum Depth

A moody purple range that works for a feature wall or a velvet pillow set.

Open in Palette Builder Compare

Practical DIY applications

  • Tint-and-shade swatch book. Mix one hue into seven steps on cardstock, label each with the ratio of white or black, and punch the corners into a ring binder. You will reach for it every time you shop for paint.
  • Ombre napkins. Dip cotton napkins in progressively stronger dye baths to create a light-to-dark set. Wear gloves, work in a ventilated space, and keep dye tools away from food prep.
  • Tonal bookshelf. Paint the inside back panel of a shelf one mid tone and fill it with books and objects in lighter and darker steps of the same hue. It looks curated with very little spending.
  • Layered paper art. Cut five paper sheets in tints of one color into wavy bands, then stack from darkest at the back to lightest in front. Mount with foam tape for real shadows.

Try it with the tools

Use the Palette Builder to generate schemes from any color, or Color Compare to check how two colors work together.

Projects to try

Questions people ask

What is the difference between a tint and a tone?

A tint is a color plus white, so it gets lighter and stays fairly clean. A tone is a color plus gray, so it becomes more muted and dusty. Both are objective definitions from traditional color theory.

Why does my tint look chalky?

White paint is opaque and cool, so a lot of it can drain the life from a hue. Try adding a touch of a warm neighbor color, or start from a slightly more saturated base.

How many steps should a value scale have?

Five is enough for most projects and nine is plenty for detailed work. More steps than that are hard to tell apart by eye.

Keep learning