Color Wheel
Enter one color and see every color that goes with it — complementary, analogous, triadic and four more — each matched to the 1,025 colors we actually stock, with a link to the products that come in them.
Hue 225°, saturation 73%, lightness 57%
Or start from a color we stock
Color relationship
Opposite the wheel. Maximum separation — the safest choice for an imprint that has to read across a room.
- #4169e1
Your color
Closest we stock: Royal Blue — 1,118 products
- #e1b941
45° on the wheel
Closest we stock: Bamboo — 66 products
Open this set in the palette generator to export it, email it or fine-tune each color.
See these colors on real products
One item we stock in the closest color to each swatch above.
- Royal BlueSee all 1,118 products
- BambooSee all 66 products
How to use the color wheel
- 1
Enter your color
Type a hex code, use the picker, or start from one of the colors we stock most. The wheel marks where your color sits.
- 2
Choose a relationship
Seven harmonies, from a two-color complementary pair to a four-color tetradic set. Each one redraws the markers on the wheel.
- 3
Check what we stock
Every harmony color names the closest color we carry and how many products come in it. Follow the link to that listing.
The relationship, drawn
A wheel shows why two colors work together
Every palette tool can hand you five hex codes. A wheel shows you the reason: colors opposite each other contrast hardest, colors beside each other blend, and three colors spaced evenly stay balanced however you weight them.
Seeing the geometry makes the choice yours rather than the tool's. Once you can see that your brand red sits at 350°, its opposite is not a suggestion, it is a fact about the circle.
A complementary pair, opposite by definition
- #c8102e350° on the wheel
- #10c6a8170° on the wheel
Matched to real stock
Every harmony color, checked against what we sell
A harmony is only useful if you can buy it. Each color the wheel produces is matched against the 1,025 colors we stock, named, counted, and linked to the listing of products that carry it.
When two stocked colors are indistinguishable, the better-stocked one wins, so the link lands on a listing with real choice rather than a rare color carried on three items.
Hex in, orderable color out
Costed in screens, not pixels
More colors is a design choice and a price
On a screen-printed product each color in a design normally needs its own screen and its own setup charge. A four-color tetradic set is a real palette and a real line on the quote.
So the wheel labels what each relationship is for. Pick the harmony you like, then decide how many of its colors go on the product and how many stay in the brand guide.
Colors per harmony
- Complementary2 colors
- Analogous3 colors
- Triadic3 colors
- Split complementary3 colors
- Square4 colors
- Tetradic4 colors
- Monochromatic5 colors
When the wheel settles an argument
A color wheel is most useful at the moment someone has to choose, and the choice is not obvious. These are the cases that come up most on branded merchandise.
Picking a product color for a fixed logo
Your logo color is not moving. The wheel says which garment colors sit opposite it, which is where an imprint reads hardest.
Adding a second imprint color
One color is the budget option, two is the upgrade. Analogous stays safe; complementary makes the second color earn its screen.
Building a brand palette from one color
A founder picks a color they like. Triadic and split complementary turn that one choice into a system with a rationale.
An event set that has to look connected
Tote, mug, lanyard and shirt from one analogous run look like a family even when the products come from four suppliers.
Choosing between two stocked colors
When two product colors are equal on price and stock, the one nearer your harmony is the honest tiebreaker.
A one-color print on a dark garment
The monochromatic row shows which depth of your brand color still reads on black, and which vanishes into it.
How a color wheel works, and where it stops
The circle is hue, and only hue
A color wheel arranges hue — the position in the rainbow — around a circle of 360 degrees. Red sits at 0, green near 120, blue near 240. Two other properties are not on the circle at all: saturation, how vivid the color is, and lightness, how pale or deep. This wheel keeps both of yours untouched as it rotates the hue, so a muted, dark seed produces muted, dark harmonies rather than a set of neon strangers.
That is the difference between a harmony and a palette. A harmony is a fact about angles. A palette is a set of decisions about which of those angles you use and how light or deep you make each one.
Where color theory stops and print begins
Color theory says nothing about ink. A complementary pair that sings on a monitor can fail on a product for reasons the wheel cannot see: a heathered fabric mutes everything laid on it, a glossy tumbler throws glare across a logo, and a single screen print cannot reproduce a gradient at all.
So treat the wheel as the first of three steps. Get the relationship here, confirm it reads with the contrast checker, then check the file itself against our artwork guidelines.
Why the matches favor a well-stocked color
Most of the colors we carry sit on a small number of products. A plain nearest match therefore lands on an obscure color most of the time, and the link beneath it opens a listing with almost nothing in it. That is a worse answer to "what does my brand look like on something real", not a better one.
So when two stocked colors are close enough that you would have to hold the swatches side by side to tell them apart, the wheel picks the one carried on more products. When no stocked color is genuinely close, it says so rather than pretending.
Shop promotional products by color
The colors we carry across the most products. Every link opens the real listing.
FAQs
What is a color wheel?
A color wheel arranges the hues in a circle in the order they appear in a rainbow, so the distance between two colors describes their relationship. Colors sitting opposite each other are complementary and give the strongest contrast; colors sitting next to each other are analogous and blend quietly. PPI's color wheel draws that circle and marks where your color and its matches fall on it.
What colors go with my brand color?
The colors that go with a brand color are its harmonies: the hue directly opposite it for maximum contrast, the two hues either side of it for a quiet, cohesive look, and the two hues 120 degrees away for a vivid, balanced set. Enter your brand hex in PPI's color wheel and all seven relationships are calculated at once, each one matched to a color PPI stocks.
What is the difference between complementary and analogous colors?
Complementary colors sit opposite each other on the wheel, roughly 180 degrees apart, and produce the highest contrast available between two hues. Analogous colors sit within about 30 degrees of each other and share an underlying hue, so they read as one family. On merchandise, complementary pairs make an imprint jump off the product, while analogous sets look considered but can disappear if the contrast is too low.
Which harmony works best for a printed logo?
A complementary pair works best for a printed logo, because a product imprint is usually read at a glance and from a distance where subtle differences vanish. Analogous and monochromatic sets look refined but risk falling below the contrast an imprint needs on a colored garment. Check the pair you pick in the contrast checker before committing it to a print run.
Does every color in a harmony cost more to print?
Every additional color in a screen-printed design normally needs its own screen and its own setup charge, so a four-color harmony is genuinely more expensive to print than a two-color one. That is why PPI's color wheel labels the wider harmonies as such: pick the relationship you like, then decide how many of its colors actually go on the product.
Why does the wheel show a color you stock next to each match?
PPI's color wheel matches every harmony color against the colors PPI actually stocks, because a hex code is not something anyone can order. Each match names the stocked color, says how many products carry it, and links to that filtered listing, so a harmony you like is one click from products you can buy it on.
How is the closest stocked color chosen?
The closest stocked color is chosen by perceptual distance, the way an eye judges closeness, rather than by comparing raw hex numbers. When two stocked colors are close enough that nobody could tell them apart, the better-stocked one wins, so the match links to a listing with products in it instead of a rare color carried on a handful of items.
What are the seven color harmonies?
The seven harmonies are complementary (one hue opposite), analogous (neighbouring hues), triadic (three hues 120 degrees apart), split complementary (the two hues either side of the opposite), square (four hues 90 degrees apart), tetradic (two complementary pairs), and monochromatic (one hue at several lightnesses). Each answers a different question about what goes with a color.
Will a harmony that looks good on screen look good on a product?
A harmony that looks good on screen is a starting point, not a guarantee, because a screen emits light while a garment, a tumbler and a pen each reflect it differently. The relationship between the hues holds on any material; what shifts is saturation and depth. Request a sample or a proof before a color-critical run.
Is the color wheel free to use?
PPI's color wheel is free, with no account, no email address and no watermark on anything copied from it. Every color value can be copied straight from the page, and the color in the address bar means a link you share opens on the same wheel.
Can I use the color wheel for a one-color imprint?
A one-color imprint benefits from the monochromatic row on the wheel, which holds your hue and varies only its lightness. It tells you which depth of your brand color will still read on a light garment and which will read on a dark one, which is the practical decision behind a single-screen print.
What is the difference between this and the palette generator?
PPI's color wheel answers what goes with one specific color, deterministically: the same input always produces the same harmonies. PPI's color palette generator answers a different question, which is to explore fresh palettes from a random starting point or pull one out of an uploaded logo. Use the wheel when you already have a brand color and the generator when you do not.
See the full FAQ for ordering and shipping questions, or contact us and a real person will answer.
Ready to put this on a product?
Send us the harmony you settled on and the product it is going on, and we will confirm both colors on a free visual proof before anything is printed. See how to order, browse the full catalog, or request a sample to check a color on the real material.
Keep exploring
- Color palette generatorBuild a palette or pull one out of your logo, then see the closest colors we actually stock.
- Image color pickerClick any point in your logo to read its exact color, and what we stock closest to it.
- Contrast checkerCheck your imprint color stays readable on the product color underneath it.
- RGB and CMYK converterConvert between the color values your designer and your printer each ask for.