Color Tetradic Finder

The color tetradic finder derives a four-color tetradic scheme from one base color by stepping ninety degrees around the hue circle at fixed lightness and saturation.

What is Color Tetradic Finder?

The color tetradic finder builds a four-colour scheme from a single base. Choose a colour and the tool returns it alongside three partners, each sitting a further quarter-turn around the hue circle — ninety degrees, one hundred and eighty, and two hundred and seventy from the original. Laid out in order, the four swatches form a symmetric arrangement with the base and its opposite diametrically facing and the two intermediates between them. Every swatch shows its hex value and offers a copy button, so the scheme can be lifted straight into a project.

The geometry is what makes this a tetradic color scheme rather than something looser.

• The name simply means four, and the arrangement produced here places them at even quarter turns, which is the form usually drawn as a square on a wheel.
• Two of the four are directly opposed, and the other two are likewise opposed, so the scheme contains two complementary axes crossing at a right angle.
• That structure is the reason the set feels balanced without any one colour dominating, and it is also why it can look busy if all four are given equal visual weight.

All four colours are generated in a perceptually uniform space with lightness and saturation held exactly where the base had them. Only hue moves. That keeps the group visually even — none of the four arrives lighter or duller than the others as an accident of arithmetic — and it means the scheme you are judging is a judgement about hue relationships and nothing else. Adjusting the base's lightness or saturation later shifts the whole group together, which makes the scheme easy to tune as a unit rather than colour by colour.

A four color harmony is one of the oldest named schemes, and the four hues produced here are its canonical form. Using it well is mostly a question of proportion rather than of picking. A workable pattern is to let one of the four carry the interface, give a second a supporting role, and reserve the remaining two for accents, so the scheme's symmetry is present in the palette without every screen showing all four at full strength. Because the pairs are complementary, any two adjacent entries in the row sit in strong contrast, which is useful for calls to action and dangerous for large adjacent surfaces.

There are two limits worth stating.

• First, holding saturation constant means some quarter turns land outside what a screen can display — certain hue and saturation combinations only exist within a narrow band of lightness — so an individual swatch can come back slightly less vivid after rounding to a hex value.
• Second, a tetradic scheme says nothing about legibility: two of these colours can be far apart in hue and still share enough luminance to be unusable as text and background.
• Check any pairing you intend for text with a contrast checker before building on it.

It is also worth distinguishing this from the three-colour and two-colour options in the same family, since the choice between them is really a choice about how much tension a design can carry. A complementary pair is the most emphatic and the simplest; a triadic set spreads three colours evenly and reads as more varied but less opposed; the four-way tetradic used here is the richest and the hardest to keep calm. If you want related colours rather than opposed ones, an analogous scheme is the better starting point.

As a square color scheme generator the tool is a single decision followed by a copyable result: set a base, read the four values, and decide how much of each the design will actually show. What it will not do is tell you which of the four should be the primary — that depends on the brand, the content and the context, and no fixed rotation can answer it.

How to use Color Tetradic Finder

1. Set the base colour with the picker.
2. Read the four hues, spaced ninety degrees apart.
3. Choose which one leads and which two recede; four equal hues will otherwise compete.
4. Check the pairs you intend to use before committing to them.

When to use Color Tetradic Finder vs related tools

Use this finder when a design needs four related colors with a built-in structure of two complementary axes. Use the triadic option for three hues, the complementary option for a single opposing pair, and the analogous option when you want harmony rather than tension. The triadic finder is the three-hue relative, and the analogous finder stays inside a thirty-degree band for a quieter set.

Privacy & Security

This tool runs entirely in your browser — no data ever leaves your device. There is no server round-trip, no upload, no logging, and no account required. Your input is processed locally using client-side JavaScript and is never stored, transmitted, or accessible to anyone else. When you close the tab, everything disappears.

Frequently asked questions about Color Tetradic Finder