Muted Boho Earth Color Palette

Terracotta, clay, and ochre dialled back to a dusty, fashion-magazine warmth, anchored by a band of olive greens so the set never tips into pure orange. It is the boho-fashion-illustration workhorse: warm enough for ceramics and macramé, neutral enough for figure work and editorial backdrops. The desaturated rust, sand, and oat tones layer beautifully without ever fighting each other.

Get Paintrix free on the App Store.

Download

Hex codes

Color theory

Base
Complement
Analogous −30°
Analogous +30°
Triadic

Use it for

fashion illustrationboho patternsautumn scenesproduct mockups

Code formats

CSS
:root {
  --muted-boho-earth-1: #7C4030;
  --muted-boho-earth-2: #93503C;
  --muted-boho-earth-3: #A86049;
  --muted-boho-earth-4: #BC7257;
  --muted-boho-earth-5: #CD8568;
  --muted-boho-earth-6: #DD9A7E;
  --muted-boho-earth-7: #E9B196;
  --muted-boho-earth-8: #8A5A2E;
  --muted-boho-earth-9: #A06C38;
  --muted-boho-earth-10: #B57F48;
  --muted-boho-earth-11: #C8945C;
  --muted-boho-earth-12: #D8AB74;
  --muted-boho-earth-13: #E5C290;
  --muted-boho-earth-14: #EFD6AC;
  --muted-boho-earth-15: #CDBFA0;
  --muted-boho-earth-16: #D9CEB2;
  --muted-boho-earth-17: #E5DCC4;
  --muted-boho-earth-18: #EFE8D6;
  --muted-boho-earth-19: #F6F1E4;
  --muted-boho-earth-20: #5E5A34;
  --muted-boho-earth-21: #6E6A40;
  --muted-boho-earth-22: #82804E;
  --muted-boho-earth-23: #97955F;
  --muted-boho-earth-24: #ACA876;
  --muted-boho-earth-25: #C2BE93;
  --muted-boho-earth-26: #4A3326;
  --muted-boho-earth-27: #5C4030;
  --muted-boho-earth-28: #6E4E3A;
  --muted-boho-earth-29: #3C2A20;
  --muted-boho-earth-30: #2C1F18;
}
SCSS
$muted-boho-earth-1: #7C4030;
$muted-boho-earth-2: #93503C;
$muted-boho-earth-3: #A86049;
$muted-boho-earth-4: #BC7257;
$muted-boho-earth-5: #CD8568;
$muted-boho-earth-6: #DD9A7E;
$muted-boho-earth-7: #E9B196;
$muted-boho-earth-8: #8A5A2E;
$muted-boho-earth-9: #A06C38;
$muted-boho-earth-10: #B57F48;
$muted-boho-earth-11: #C8945C;
$muted-boho-earth-12: #D8AB74;
$muted-boho-earth-13: #E5C290;
$muted-boho-earth-14: #EFD6AC;
$muted-boho-earth-15: #CDBFA0;
$muted-boho-earth-16: #D9CEB2;
$muted-boho-earth-17: #E5DCC4;
$muted-boho-earth-18: #EFE8D6;
$muted-boho-earth-19: #F6F1E4;
$muted-boho-earth-20: #5E5A34;
$muted-boho-earth-21: #6E6A40;
$muted-boho-earth-22: #82804E;
$muted-boho-earth-23: #97955F;
$muted-boho-earth-24: #ACA876;
$muted-boho-earth-25: #C2BE93;
$muted-boho-earth-26: #4A3326;
$muted-boho-earth-27: #5C4030;
$muted-boho-earth-28: #6E4E3A;
$muted-boho-earth-29: #3C2A20;
$muted-boho-earth-30: #2C1F18;
Tailwind
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'muted-boho-earth': {
          '1': '#7C4030',
          '2': '#93503C',
          '3': '#A86049',
          '4': '#BC7257',
          '5': '#CD8568',
          '6': '#DD9A7E',
          '7': '#E9B196',
          '8': '#8A5A2E',
          '9': '#A06C38',
          '10': '#B57F48',
          '11': '#C8945C',
          '12': '#D8AB74',
          '13': '#E5C290',
          '14': '#EFD6AC',
          '15': '#CDBFA0',
          '16': '#D9CEB2',
          '17': '#E5DCC4',
          '18': '#EFE8D6',
          '19': '#F6F1E4',
          '20': '#5E5A34',
          '21': '#6E6A40',
          '22': '#82804E',
          '23': '#97955F',
          '24': '#ACA876',
          '25': '#C2BE93',
          '26': '#4A3326',
          '27': '#5C4030',
          '28': '#6E4E3A',
          '29': '#3C2A20',
          '30': '#2C1F18',
        },
      },
    },
  },
};
JSON
{
  "name": "Muted Boho Earth",
  "colors": [
    "#7C4030",
    "#93503C",
    "#A86049",
    "#BC7257",
    "#CD8568",
    "#DD9A7E",
    "#E9B196",
    "#8A5A2E",
    "#A06C38",
    "#B57F48",
    "#C8945C",
    "#D8AB74",
    "#E5C290",
    "#EFD6AC",
    "#CDBFA0",
    "#D9CEB2",
    "#E5DCC4",
    "#EFE8D6",
    "#F6F1E4",
    "#5E5A34",
    "#6E6A40",
    "#82804E",
    "#97955F",
    "#ACA876",
    "#C2BE93",
    "#4A3326",
    "#5C4030",
    "#6E4E3A",
    "#3C2A20",
    "#2C1F18"
  ]
}
Hex list
#7C4030
#93503C
#A86049
#BC7257
#CD8568
#DD9A7E
#E9B196
#8A5A2E
#A06C38
#B57F48
#C8945C
#D8AB74
#E5C290
#EFD6AC
#CDBFA0
#D9CEB2
#E5DCC4
#EFE8D6
#F6F1E4
#5E5A34
#6E6A40
#82804E
#97955F
#ACA876
#C2BE93
#4A3326
#5C4030
#6E4E3A
#3C2A20
#2C1F18

Related palettes

Copied