60% dominant walls, the coat, the background
See your colors at 60, 30 and 10
One color leads at 60%, a second supports at 30%, an accent finishes at 10%. The room and outfit are drawn at those true proportions.
Palette tool
Start from a palette, or change any color below. All 24 palettes
30% secondary sofa, trim, the sweater
10% accent art, cushions, the scarf
Contrast between the 60 and the 10: .
Take it with you
Export your palette
Already have a room or a dress in mind?
Palette from a photo
Choose a photo of your room, a fabric, a paint chip or an outfit. We find its main colors and how much of the picture each one covers, so you can see how close it is to 60-30-10. The photo stays on your device: nothing is uploaded.
The photo tool is open in the preview above.
Click or drag on the photo to pick a color. The magnifier shows the small area it averages, so one odd pixel does not throw it off.
picked from your photo Use as
Why it works
The 60-30-10 rule in one minute
Rooms
Walls and large surfaces carry the 60. Sofas, curtains, rugs and cabinets carry the 30. Cushions, art, a lamp or a painted door carry the 10. One color leads, so the room reads as calm and finished.
Outfits and weddings
The suit or dress is the 60, the shirt or second layer the 30, and the tie, shoes, bag or flowers the 10. The same split works for a wedding party: attire, flowers and table linen, then one accent.
Brands and screens
A background color, a second color for panels and type, and an accent kept for buttons and links. Export the palette as CSS variables and drop it into a site or a slide deck.
It is a guide, not a law
The numbers are a starting point that keeps one color in charge. Neutrals like white trim, wood floors and black hardware sit alongside it. Test real samples in your own light before you buy.