You need a color palette for something — a presentation, a personal website, a poster for a bake sale, a slide deck that doesn't look like every other slide deck. You have no brand guidelines to follow, no designer to ask, and no strong opinions about color beyond "not that ugly green." You open a color picker, and it offers you roughly sixteen million options.
This is where most people stall. Picking a palette from nothing feels like it requires taste or training, and if you don't feel like you have either, every choice seems wrong. But palette building is less about taste than it looks. It's a process, and the process can start with a completely random color.
Step One: Get a Seed Color
Every palette needs a starting point, and the hardest part is committing to one. So don't choose. Generate.
Use a random color generator and click until something catches your eye. You're not looking for the perfect color — you're looking for one that's interesting enough to build around. A dusty teal, a warm mustard, a deep plum. Give yourself a limit, like ten clicks, so you don't fall back into the infinite-options trap.
If nothing grabs you, pay attention to what you're rejecting. If you keep skipping bright, saturated colors, you probably want something muted. If you skip every dark color, you want something light and airy. Random generation is useful even when you don't keep the result, because your reactions tell you what you're actually after.
Step Two: Understand Your Color in HSL
Most color tools show a color in three formats: HEX (like #3A7D8C), RGB (like 58, 125, 140), and HSL (like 191°, 41%, 39%). HEX and RGB are how computers store color. HSL is how humans think about it, which makes it the most useful format for building a palette.
- Hue is the position on the color wheel, from 0° to 360°. Red is at 0°, green at 120°, blue at 240°.
- Saturation is how vivid the color is. 0% is gray; 100% is as intense as it gets.
- Lightness is how light or dark. 0% is black, 100% is white, and 50% is the "pure" color.
Once you see your seed color in HSL, every palette rule below becomes simple arithmetic.
Step Three: Pick a Relationship
Color theory offers a handful of classic relationships between hues. Each one creates a different mood.
Monochromatic palettes keep the same hue and vary only lightness and saturation. Take your seed and make a lighter version, a darker version, and a more muted version. The result is calm, cohesive, and very hard to get wrong — a great choice if you're nervous.
Analogous palettes use hues that sit next to each other on the wheel, usually within about 30° of your seed. Teal, blue, and blue-green. Orange, amber, and red. These feel harmonious and natural, like colors you'd see together in a landscape.
Complementary palettes pair your seed with the hue directly opposite on the wheel — 180° away. Blue and orange, purple and yellow. This creates maximum contrast and energy, so use it carefully: one color should dominate, and the complement should be an accent.
Triadic palettes use three hues evenly spaced, 120° apart. They're bold and playful, and like complementary schemes, they work best when one color leads and the others support.
If you're unsure, start with analogous or monochromatic. They're forgiving. Save complementary and triadic for when you want something to pop.
Step Four: Assign Roles With 60-30-10
A palette isn't just a set of colors. It's a set of colors with jobs. The simplest way to assign those jobs is the 60-30-10 rule, borrowed from interior design.
- 60% of the space goes to a dominant color — usually a neutral or a very light or dark version of your seed. This is your background.
- 30% goes to a secondary color — your seed itself, or a close relative. This is for headers, sections, and larger shapes.
- 10% goes to an accent — the boldest color in the palette, saved for buttons, highlights, and the things you want people to notice.
This is why a palette of five vivid colors used in equal amounts looks chaotic, while the same five colors at 60-30-10 proportions look intentional. Proportion does more for a palette than the colors themselves.
Step Five: Add Neutrals
Almost every working palette needs at least one near-white and one near-black, and they don't have to be pure. A white with a hint of your seed hue — saturation around 10–20%, lightness around 95% — feels warmer and more cohesive than flat #FFFFFF. The same goes for dark text: a very dark, slightly tinted gray often looks better than pure black.
Neutrals do the heavy lifting in most designs. They're the background, the body text, the borders. Your seed and accent colors get to shine precisely because the neutrals are quietly holding everything together.
Step Six: Check Contrast
This step is not optional. A beautiful palette that people can't read is a failed palette.
The Web Content Accessibility Guidelines recommend a contrast ratio of at least 4.5:1 between normal body text and its background, and 3:1 for large text and important interface elements. Plenty of free contrast checkers will compute the ratio from two HEX values. Run every text-and-background pair you plan to use.
A quick gut check: convert your design to grayscale. If text disappears into its background or two important elements become indistinguishable, the contrast isn't there. Color should add meaning and mood, but the design should still work without it.
Step Seven: Test It in Context
Palettes always look different on a real layout than in a row of swatches. Put your colors into an actual draft — a slide, a mockup, a rough page — before committing. You'll often find that the accent is too loud, or the secondary color is too close to the background, or that the whole thing needs to be a notch lighter. Adjust lightness and saturation before you change hues; small tweaks there fix most problems.
If it's still not working, go back to step one and roll a new seed. The beauty of starting from randomness is that a do-over costs one click.
The Short Version
You don't need a designer's eye to build a solid palette. You need a starting point, a rule, and a check. Generate a seed color, choose a color relationship, assign roles with 60-30-10, add tinted neutrals, verify the contrast, and test it on something real. The randomness gets you unstuck. The rules get you the rest of the way.
Quick Pick's color generator creates random colors and complementary, analogous, monochromatic, and triadic palettes, with HEX, RGB, and HSL values you can copy straight into your design tool.