Room Color Palette Generator

Choose a base colour, a colour harmony and a mood to get a balanced 60-30-10 palette for a room or facade, with hex and RGB codes you can match to paint.

Free · No sign-up · Runs in your browser

How to use the room colour palette generator

Choosing colours is often where a project stalls: a client loves one shade but cannot picture the rest of the room. This generator turns a single base colour into a balanced palette using colour theory and the 60-30-10 rule, so you can propose a full scheme in seconds, test alternatives and hand over exact hex and RGB codes to match in a paint or material library.

  1. Pick a base colour with the colour picker. Use a colour you must keep, such as a sofa, floor, brand colour or brick.
  2. Choose a harmony: complementary for contrast, analogous for calm, split complementary for softer contrast, triadic for energy, or monochromatic for a single-hue scheme.
  3. Choose a mood: light and airy keeps the dominant colour pale, balanced uses mid tones, and dark and moody makes the walls deep.
  4. Add the surface area if you want to see how much of the room each colour covers.

The results show the dominant (60%), secondary (30%) and accent (10%) colours with codes, plus a deep trim colour and a second accent, the contrast ratio between accent and dominant colours, and the area for each share.

How the palette is built

Secondary (30%) = Base colour
Dominant (60%) = Base hue, low saturation, lightness set by mood
Accent (10%) = Base hue + harmony angle, higher saturation
Contrast ratio = (L1 + 0.05) ÷ (L2 + 0.05)

Colours are worked out in HSL (hue, saturation, lightness). The harmony sets the accent hue as an angle around the colour wheel from the base, and the dominant colour is a muted version of the base hue so the large surfaces feel calm. L1 and L2 are the relative luminance of the lighter and darker colours, the same measure used by WCAG.

HarmonyAccent hue from baseFeel
Complementary180°Bold, high contrast
Analogous30°, second accent −30°Calm, cohesive
Split complementary150°, second accent 210°Contrast with less tension
Triadic120°, second accent 240°Lively, playful
Monochromatic0°, darker and strongerQuiet, sophisticated

Worked examples

A sage green living room

Starting from sage green (#5B7A6A) with an analogous harmony and the light mood, the sofa and curtains carry the sage, the walls become a pale green-tinted off-white and the accent shifts toward a stronger teal for cushions and a rug. In a 60 m² room surface, that is 36 m² of the pale wall colour, 18 m² of sage and 6 m² of accent.

A navy and ochre study

A navy base with a complementary harmony gives an ochre or mustard accent. Choosing the dark mood turns the dominant colour into a deep blue-grey for the walls, which suits a study or snug and makes brass, leather and ochre accents glow.

A terracotta facade

For a house with terracotta tiles as the base, a split complementary harmony gives blue-green accents for the front door and window frames, while the light mood suggests a warm render for the main walls, balancing 60% render, 30% tile and 10% joinery.

Who this tool helps

  • Interior designers building quick colour schemes for client presentations.
  • Architects exploring facade and material palettes at concept stage.
  • Home stagers and property marketers picking neutral but appealing colours for sale.
  • Students learning colour theory and the 60-30-10 rule.
  • Homeowners planning a repaint without hiring a colour consultant.

Tips for using a colour palette

  • Test sample pots on the real walls; north light cools colours and south light warms them.
  • Count floors, rugs and large furniture in the percentages, not just the walls.
  • Work out how much paint the 60% colour needs with the paint calculator, and get the room area from the square footage calculator.
  • Darker dominant colours absorb light, so check the room's daylight with the daylight factor calculator first.
  • Repeat the accent at least three times around the room so it looks intentional.

Want to see the palette on your own walls? Upload a photo of the room and recolour it with Wall Paint, or restyle the whole space with Room Redesign.

From numbers to pictures

See the space before it's built.

Once the plan works on paper, BasedFrame turns a sketch, a massing model or a site photo into a photoreal render in seconds. Try Sketch to Render or Room Redesign with free credits.

Try BasedFrame free

FAQ

Room Color Palette Generator FAQ

What is the 60-30-10 colour rule?

The 60-30-10 rule is an interior design guideline for balancing colour in a room. About 60% of what you see is a dominant colour, usually walls and large floor areas, 30% is a secondary colour on furniture, curtains or an accent wall, and 10% is an accent colour in cushions, art, lamps and small pieces.

How do I choose the base colour for a palette?

Start from something that is hard to change: a sofa, a floor, a client's brand colour, a piece of art or the brick on a facade. Enter that colour as the base. The generator keeps it as the 30% secondary colour and builds a calmer dominant colour and a stronger accent around it.

What is the difference between complementary, analogous and triadic palettes?

Complementary palettes pair colours opposite each other on the colour wheel, such as blue and orange, for strong contrast. Analogous palettes use neighbours, such as green, teal and blue, for a calm look. Triadic palettes use three colours evenly spaced around the wheel for a lively but balanced scheme. Split complementary uses the two neighbours of the complement for softer contrast.

Can white or grey be the 60% colour?

Yes. A neutral such as warm white, greige or soft grey is the most common dominant colour, especially in small rooms and rentals. The generator's light mood creates a neutral tinted with the base hue, so the walls feel connected to the rest of the palette rather than plain white.

Does the 60-30-10 rule work for building exteriors?

It does. On a facade the 60% is usually the main cladding or render, the 30% a secondary material such as timber, roof or base, and the 10% doors, window frames and metalwork. Check local planning rules, which can limit exterior colours in conservation areas.

What does the contrast ratio in the results mean?

The contrast ratio uses the WCAG formula to compare how light two colours are, from 1:1 for identical colours to 21:1 for black on white. For signage or text in a space aim for at least 4.5:1. For interiors, higher contrast between accent and dominant colours makes the accent stand out more.

Will the paint colour look the same as on screen?

Not exactly. Screens, lighting and the paint's sheen all change how a colour appears. Use the hex codes to find the closest match in a paint brand's colour finder, then test sample pots on the actual walls in morning and evening light before buying.

How much paint do I need for the 60% colour?

Enter the room's paintable surface area in the generator to see the area for each part of the palette, then use the paint calculator to turn the wall area into litres or gallons based on coats and coverage.

Keep exploring

More free tools for architects

Turn any listing
into rooms that sell

Start with a Zillow link or a single photo. Redesign, stage, relight and walk buyers through every room, ready to list today.