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
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