Random Colour Generator

Random colours, and something better than random

Sometimes you want a genuinely random colour — for a game, a placeholder, a test, or simply to break out of your habitual choices. Other times you want colours that work together, which is not the same thing at all. This generator does both: purely random colours, and palettes built on the rules of colour harmony.

Why purely random colours rarely work together

Generate a handful of fully random colours and they will almost always clash. This is not bad luck — it is because harmony depends on specific mathematical relationships between colours, and random selection ignores them entirely. A random palette is the visual equivalent of random notes played together: occasionally pleasant by accident, usually not.

This is why the palette mode does not use pure randomness. It picks one random starting colour and then derives the others from it using established relationships, so the result is varied but coherent.

The harmony types explained

Complementary pairs colours from opposite sides of the colour wheel. The contrast is strong and energetic, excellent for making one element pop against another, but tiring if used in equal amounts — the usual approach is one dominant colour with its complement as an accent.

Analogous uses colours that sit next to each other on the wheel. These are inherently harmonious because they share underlying hue, producing calm, cohesive schemes common in nature — the greens and yellows of a landscape, the blues of a seascape.

Triadic takes three colours evenly spaced around the wheel, giving vibrancy while retaining balance. Tetradic uses four, offering rich variety that needs careful handling to avoid becoming chaotic. Monochrome varies only the lightness of a single hue, which is the safest scheme of all and always looks intentional.

Using a generated palette

A common structure is the sixty-thirty-ten rule: sixty percent of a design in a dominant colour, thirty percent in a secondary, and ten percent in an accent. A generated palette gives you the colours; this rule tells you how to distribute them. Applying colours in equal amounts is a frequent mistake that makes designs feel unbalanced.

The contrast caveat

Colour harmony and colour contrast are different concerns, and a harmonious palette does not guarantee readable text. Two analogous colours may look lovely together and yet fail badly when one is text on the other, because they are too close in lightness. Always check the contrast between any colour you use for text and its background separately, against accessibility standards, regardless of how well the palette harmonises.

Where each mode is useful

Random single colours suit generating avatar backgrounds, assigning distinct colours to items in a list, creating test data, or simply finding an unexpected colour you would not have chosen. Harmonious palettes suit designing a website, an illustration, a brand, a presentation — anything where several colours must coexist and look deliberate.

Generated in your browser

All colours are produced locally with cryptographic randomness. Click any swatch to copy its hex code.

Frequently Asked Questions