Red Color Palettes

What this tool does

Red is the loudest colour there is, the one your eye jumps to first, and that makes it both powerful and demanding in a palette. A red on its own commands attention, but it can easily overwhelm a design, so the colours you put with it, and how much you use, matter more for red than for almost any other colour.

That is what this does. You give it a red, and it builds whole palettes around it: lighter and darker versions of your red, and several sets of partner colours drawn from the colour wheel, each shown as swatches with their hex codes. It finds the colours that let red do its job without taking over the whole design.

How to use it

1. Set your red. The tool opens on a red with its Hex shown. Use Change Color or the Color Picker to set another, or paste any hex in.
2. Look over the palettes it builds. From your one red it generates several sets together, the lighter and darker runs and the wheel harmonies.
3. Copy the hex codes you want. Each colour in each set is listed with its hex, so you can take a whole palette or just one.

There is a random option for a fresh red to start from, and the palettes rebuild around it. A warmer, orange-leaning red and a cooler, pink-leaning red give noticeably different partners, so it is worth trying a couple.

How it works

The tool runs on TinyColor, a colour library that handles this kind of work for you. For the lighter and darker sets it brightens and darkens your red, and for the partner palettes it maps your red onto the colour wheel and turns by set amounts to find colours related to it.

That is colour harmony, the idea that colours a known distance apart on the wheel belong together. Red brings a surprise, though. On the screen colour wheel, the one the tool uses, the colour directly opposite red is not green but cyan. The classic red-and-green you might expect comes from the older artists' colour wheel, which arranges the hues differently, so the complement the tool returns may not be the one you assumed.

The palettes it builds

From your single red, the tool produces several palettes, each following a classic harmony rule. Red's intensity runs through all of them.

• Brighten and darken. The lighter tints and darker shades of your red, the same family, from a soft pink down to a deep maroon.
• Monochromatic. Variations of your red alone, a bold single-hue set that still needs a calm background.
• Analogous. Your red with its neighbours, an orange on one side and a pink or magenta on the other, for a warm, fiery sweep.
• Complementary. Your red with the colour opposite it, which on the screen wheel comes through as a cyan or teal, for a vivid, high-energy contrast.
• Split-complementary. Red with the two colours either side of that cyan opposite, a slightly softer way to bring cool tones in.
• Triadic. Red with two evenly spaced partners, which come through as a green and a blue, the other two screen primaries.

The complementary and triadic sets are the boldest, since red against cyan or against green and blue is genuinely high-contrast, while the analogous warm sweep keeps everything in the fiery red-orange-pink family.

Red's partner colours

Red's most reliable partners are neutrals. Because it is so dominant, red is often happiest as a strong accent against black, white, and grey, the timeless red-on-white and red-on-black that typography and bold branding have relied on forever. If you want red to look powerful and clean rather than overwhelming, a strong neutral is the partner to reach for first.

On the wheel, red's complement is a cyan or teal, which makes a vivid, energetic contrast when you want maximum impact. Its analogous neighbours are orange and pink, for a warm, fiery sweep, and red sits richly with navy and gold when you want something more grown-up than primary brightness. So red gives you a clean, powerful look with neutrals, a vivid contrast with cyan, and a warm family in orange and pink.

What red palettes are good for

Red is energy, passion, and urgency all at once, the colour of love and danger, sales and warnings. That makes red palettes a strong choice for anything that needs to feel active, bold, and immediate, food and entertainment brands, sales and calls to action, sport, and any design that wants to grab attention and convey confidence or excitement.

The harmony sets the intensity. A red pop against neutrals reads as bold and modern, ideal when you want one powerful accent. Pair red with its cyan complement for a vivid, high-energy contrast, or with navy and gold for something richer and more refined. The constant with red is restraint: it works best when something calm gives the eye a place to rest.

Building a palette around red

The most reliable way to use red is as an accent, not a flatten-everything base. Build your palette on neutrals, black, white, and grey, and let red be the colour that draws the eye to the things that matter, a button, a headline, a highlight. If you want more colour, bring in its cyan complement for contrast or its orange and pink neighbours for warmth, but keep the strongest red for the moments that need it.

Keep it balanced with the usual split, leaning toward restraint: let neutrals dominate, give a supporting colour the middle role, and reserve red for small, deliberate accents, roughly sixty, thirty, and ten percent, with red in that last ten. That is what keeps a red palette feeling powerful and intentional rather than exhausting. Copy the hex codes out, and the palette is ready.

Questions people ask

What kinds of palette does this generate?

Several from one red: lighter and darker versions, a monochromatic set, and the colour-wheel harmonies, analogous, complementary, split-complementary, and triadic, plus a random option. Each comes with hex codes.

What colours go with red?

Neutrals first, black, white, and grey, which let red pop as an accent. Its wheel complement is a cyan or teal for a vivid contrast, and navy and gold pair with it for a richer, grown-up look.

Is red's complement green or cyan?

On the screen colour wheel the tool uses, red's complement is cyan. The familiar red-and-green pairing comes from the older artists' colour wheel, which arranges the hues differently.

Can I use any red?

Yes. Although this page is set up for red, you can paste any hex as the base, and the tool builds the same kinds of palette around whatever colour you give it.

References

1. TinyColor (Brian Grinstead). Documentation. https://github.com/bgrins/TinyColor
2. Color scheme, the standard colour harmonies (monochromatic, analogous, complementary, and more). Wikipedia. https://en.wikipedia.org/wiki/Color_scheme
3. Red, the colour, the spectrum, and its associations. Wikipedia. https://en.wikipedia.org/wiki/Red