How to use the 60:30:10 color rule
Learn how to balance a base, secondary, and accent color with the 60:30:10 rule, using a three-color palette and practical website examples.
Read guideChoose your colors.
Make them work.
From three-color harmonies and the 60:30:10 rule to describing a palette in an AI prompt. Start with the step you need.
How to choose three colors for a website
Compare six three-color palettes for portfolios, natural home brands, dark digital interfaces, and more. Explore their mood, suggested uses, and HEX codes.
Read guideHow to describe colors and proportions in an AI design prompt
Copy HEX colors and 60:30:10 proportions from 631 color, then add clear roles for backgrounds, structure, and buttons with a practical website prompt.
Read guidePut 631 color to work.
This tool began with a simple need: find a color combination online and take it straight into a real project. Choose a palette, compare the proportions, and copy its HEX codes, CSS variables, or a one-line string for an AI prompt.
The 144 palettes are curated applications of color theory. Mood descriptions are editorial impressions, not measured rankings of how often each HEX combination is used. Palettes inspired by public design systems link to their original sources in the tool preview.