Mocha Paint Colour Palette

About this palette

The Mocha Paint palette gives you a practical colour combination for design, styling and creative work. It can be used for mood boards, websites, interiors, presentations, graphics and brand exploration.

The colours included are #6F4E37, #F5F0E8, #A98467, #111827, #D8C3A5.

You can also explore related paint colour ideas, open the palette in the colour tool, or compare it with articles that use similar colour ideas.

Colours in this palette

Click any colour to copy the HEX value, or open the full palette in the colour tool to test harmonies, contrast and CSS export options.

How to use this palette

• For walls: use the softer or lighter tones as the main wall colour, especially in smaller rooms or rooms with limited natural light.
• For accents: use the richer shades on furniture, cabinetry, cushions, artwork, rugs or feature walls.
• For balance: repeat at least one colour in more than one place so the room feels intentional.

CSS colour variables

Copy these variables into your stylesheet or design system.

:root {
  --palette-colour-1: #6F4E37;
  --palette-colour-2: #F5F0E8;
  --palette-colour-3: #A98467;
  --palette-colour-4: #111827;
  --palette-colour-5: #D8C3A5;
}