Live opposites tool. With JavaScript enabled you can pick a color or type a hex code and see its complementary opposite and its split complementary pair side by side. It loads on a random color, so try your own next.
The recipe is short. Choose two opposites for the tension, then give nearly all the space to one and let the other appear only where it counts. That single ratio is what separates a palette that looks designed from one that fights itself. It is how our themes pair a calm background with a few warm accents, and you can build the same way in the palette generator.
Visit https://codigrate.com with JavaScript enabled for the full experience.