← Back to Tools
Design warm boho-inspired interiors with this terracotta and sage palette featuring #C67B5C warm terracotta, #87A987 calming sage, #8B5A2B burnt sienna, and #5C6B4A olive green.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--warm-terracotta: #C67B5C;
--warm-terracotta-50: #fffbf9;
--warm-terracotta-100: #fff7f2;
--warm-terracotta-200: #feeee6;
--warm-terracotta-300: #fbe2d5;
--warm-terracotta-400: #f5d3c1;
--warm-terracotta-500: #C67B5C;
--warm-terracotta-600: #c29a86;
--warm-terracotta-700: #8c6b59;
--warm-terracotta-800: #583f32;
--warm-terracotta-900: #2c1c14;
--warm-terracotta-950: #090402;
--calming-sage: #87A987;
--calming-sage-50: #fbfefb;
--calming-sage-100: #f7fbf7;
--calming-sage-200: #eff7ef;
--calming-sage-300: #e5f0e5;
--calming-sage-400: #d7e7d7;
--calming-sage-500: #87A987;
--calming-sage-600: #a1b4a1;
--calming-sage-700: #6f7f6f;
--calming-sage-800: #424e42;
--calming-sage-900: #1e251e;
--calming-sage-950: #040604;
--burnt-sienna: #8B5A2B;
--burnt-sienna-50: #fffbf5;
--burnt-sienna-100: #fcf5eb;
--burnt-sienna-200: #f6e9d9;
--burnt-sienna-300: #edd9c0;
--burnt-sienna-400: #e0c4a0;
--burnt-sienna-500: #8B5A2B;
--burnt-sienna-600: #a6865b;
--burnt-sienna-700: #775c38;
--burnt-sienna-800: #4a3619;
--burnt-sienna-900: #241705;
--burnt-sienna-950: #060300;
--olive-green: #5C6B4A;
--olive-green-50: #fbfcf9;
--olive-green-100: #f5f7f2;
--olive-green-200: #e9ede3;
--olive-green-300: #dae0d1;
--olive-green-400: #c5ceb9;
--olive-green-500: #5C6B4A;
--olive-green-600: #879279;
--olive-green-700: #5e6652;
--olive-green-800: #373e2e;
--olive-green-900: #181c12;
--olive-green-950: #030402;
}
$warm-terracotta: #C67B5C; $warm-terracotta-50: #fffbf9; $warm-terracotta-100: #fff7f2; $warm-terracotta-200: #feeee6; $warm-terracotta-300: #fbe2d5; $warm-terracotta-400: #f5d3c1; $warm-terracotta-500: #C67B5C; $warm-terracotta-600: #c29a86; $warm-terracotta-700: #8c6b59; $warm-terracotta-800: #583f32; $warm-terracotta-900: #2c1c14; $warm-terracotta-950: #090402; $calming-sage: #87A987; $calming-sage-50: #fbfefb; $calming-sage-100: #f7fbf7; $calming-sage-200: #eff7ef; $calming-sage-300: #e5f0e5; $calming-sage-400: #d7e7d7; $calming-sage-500: #87A987; $calming-sage-600: #a1b4a1; $calming-sage-700: #6f7f6f; $calming-sage-800: #424e42; $calming-sage-900: #1e251e; $calming-sage-950: #040604; $burnt-sienna: #8B5A2B; $burnt-sienna-50: #fffbf5; $burnt-sienna-100: #fcf5eb; $burnt-sienna-200: #f6e9d9; $burnt-sienna-300: #edd9c0; $burnt-sienna-400: #e0c4a0; $burnt-sienna-500: #8B5A2B; $burnt-sienna-600: #a6865b; $burnt-sienna-700: #775c38; $burnt-sienna-800: #4a3619; $burnt-sienna-900: #241705; $burnt-sienna-950: #060300; $olive-green: #5C6B4A; $olive-green-50: #fbfcf9; $olive-green-100: #f5f7f2; $olive-green-200: #e9ede3; $olive-green-300: #dae0d1; $olive-green-400: #c5ceb9; $olive-green-500: #5C6B4A; $olive-green-600: #879279; $olive-green-700: #5e6652; $olive-green-800: #373e2e; $olive-green-900: #181c12; $olive-green-950: #030402;
colors: {
'warm-terracotta': {
50: '#fffbf9',
100: '#fff7f2',
200: '#feeee6',
300: '#fbe2d5',
400: '#f5d3c1',
500: '#C67B5C',
600: '#c29a86',
700: '#8c6b59',
800: '#583f32',
900: '#2c1c14',
950: '#090402',
DEFAULT: '#C67B5C',
},
'calming-sage': {
50: '#fbfefb',
100: '#f7fbf7',
200: '#eff7ef',
300: '#e5f0e5',
400: '#d7e7d7',
500: '#87A987',
600: '#a1b4a1',
700: '#6f7f6f',
800: '#424e42',
900: '#1e251e',
950: '#040604',
DEFAULT: '#87A987',
},
'burnt-sienna': {
50: '#fffbf5',
100: '#fcf5eb',
200: '#f6e9d9',
300: '#edd9c0',
400: '#e0c4a0',
500: '#8B5A2B',
600: '#a6865b',
700: '#775c38',
800: '#4a3619',
900: '#241705',
950: '#060300',
DEFAULT: '#8B5A2B',
},
'olive-green': {
50: '#fbfcf9',
100: '#f5f7f2',
200: '#e9ede3',
300: '#dae0d1',
400: '#c5ceb9',
500: '#5C6B4A',
600: '#879279',
700: '#5e6652',
800: '#373e2e',
900: '#181c12',
950: '#030402',
DEFAULT: '#5C6B4A',
},
},
[
{
"name": "warm-terracotta",
"harmony": "Palette",
"hex": "#C67B5C",
"rgb": {
"r": 198,
"g": 123,
"b": 92
},
"hsl": {
"h": 18,
"s": 48,
"l": 57
},
"value": "#C67B5C",
"tonalScale": {
"50": {
"hex": "#fffbf9",
"rgb": {
"r": 255,
"g": 251,
"b": 249
}
},
"100": {
"hex": "#fff7f2",
"rgb": {
"r": 255,
"g": 247,
"b": 242
}
},
"200": {
"hex": "#feeee6",
"rgb": {
"r": 254,
"g": 238,
"b": 230
}
},
"300": {
"hex": "#fbe2d5",
"rgb": {
"r": 251,
"g": 226,
"b": 213
}
},
"400": {
"hex": "#f5d3c1",
"rgb": {
"r": 245,
"g": 211,
"b": 193
}
},
"500": {
"hex": "#C67B5C",
"rgb": {
"r": 198,
"g": 123,
"b": 92
}
},
"600": {
"hex": "#c29a86",
"rgb": {
"r": 194,
"g": 154,
"b": 134
}
},
"700": {
"hex": "#8c6b59",
"rgb": {
"r": 140,
"g": 107,
"b": 89
}
},
"800": {
"hex": "#583f32",
"rgb": {
"r": 88,
"g": 63,
"b": 50
}
},
"900": {
"hex": "#2c1c14",
"rgb": {
"r": 44,
"g": 28,
"b": 20
}
},
"950": {
"hex": "#090402",
"rgb": {
"r": 9,
"g": 4,
"b": 2
}
}
}
},
{
"name": "calming-sage",
"harmony": "Palette",
"hex": "#87A987",
"rgb": {
"r": 135,
"g": 169,
"b": 135
},
"hsl": {
"h": 120,
"s": 17,
"l": 60
},
"value": "#87A987",
"tonalScale": {
"50": {
"hex": "#fbfefb",
"rgb": {
"r": 251,
"g": 254,
"b": 251
}
},
"100": {
"hex": "#f7fbf7",
"rgb": {
"r": 247,
"g": 251,
"b": 247
}
},
"200": {
"hex": "#eff7ef",
"rgb": {
"r": 239,
"g": 247,
"b": 239
}
},
"300": {
"hex": "#e5f0e5",
"rgb": {
"r": 229,
"g": 240,
"b": 229
}
},
"400": {
"hex": "#d7e7d7",
"rgb": {
"r": 215,
"g": 231,
"b": 215
}
},
"500": {
"hex": "#87A987",
"rgb": {
"r": 135,
"g": 169,
"b": 135
}
},
"600": {
"hex": "#a1b4a1",
"rgb": {
"r": 161,
"g": 180,
"b": 161
}
},
"700": {
"hex": "#6f7f6f",
"rgb": {
"r": 111,
"g": 127,
"b": 111
}
},
"800": {
"hex": "#424e42",
"rgb": {
"r": 66,
"g": 78,
"b": 66
}
},
"900": {
"hex": "#1e251e",
"rgb": {
"r": 30,
"g": 37,
"b": 30
}
},
"950": {
"hex": "#040604",
"rgb": {
"r": 4,
"g": 6,
"b": 4
}
}
}
},
{
"name": "burnt-sienna",
"harmony": "Palette",
"hex": "#8B5A2B",
"rgb": {
"r": 139,
"g": 90,
"b": 43
},
"hsl": {
"h": 29,
"s": 53,
"l": 36
},
"value": "#8B5A2B",
"tonalScale": {
"50": {
"hex": "#fffbf5",
"rgb": {
"r": 255,
"g": 251,
"b": 245
}
},
"100": {
"hex": "#fcf5eb",
"rgb": {
"r": 252,
"g": 245,
"b": 235
}
},
"200": {
"hex": "#f6e9d9",
"rgb": {
"r": 246,
"g": 233,
"b": 217
}
},
"300": {
"hex": "#edd9c0",
"rgb": {
"r": 237,
"g": 217,
"b": 192
}
},
"400": {
"hex": "#e0c4a0",
"rgb": {
"r": 224,
"g": 196,
"b": 160
}
},
"500": {
"hex": "#8B5A2B",
"rgb": {
"r": 139,
"g": 90,
"b": 43
}
},
"600": {
"hex": "#a6865b",
"rgb": {
"r": 166,
"g": 134,
"b": 91
}
},
"700": {
"hex": "#775c38",
"rgb": {
"r": 119,
"g": 92,
"b": 56
}
},
"800": {
"hex": "#4a3619",
"rgb": {
"r": 74,
"g": 54,
"b": 25
}
},
"900": {
"hex": "#241705",
"rgb": {
"r": 36,
"g": 23,
"b": 5
}
},
"950": {
"hex": "#060300",
"rgb": {
"r": 6,
"g": 3,
"b": 0
}
}
}
},
{
"name": "olive-green",
"harmony": "Palette",
"hex": "#5C6B4A",
"rgb": {
"r": 92,
"g": 107,
"b": 74
},
"hsl": {
"h": 87,
"s": 18,
"l": 35
},
"value": "#5C6B4A",
"tonalScale": {
"50": {
"hex": "#fbfcf9",
"rgb": {
"r": 251,
"g": 252,
"b": 249
}
},
"100": {
"hex": "#f5f7f2",
"rgb": {
"r": 245,
"g": 247,
"b": 242
}
},
"200": {
"hex": "#e9ede3",
"rgb": {
"r": 233,
"g": 237,
"b": 227
}
},
"300": {
"hex": "#dae0d1",
"rgb": {
"r": 218,
"g": 224,
"b": 209
}
},
"400": {
"hex": "#c5ceb9",
"rgb": {
"r": 197,
"g": 206,
"b": 185
}
},
"500": {
"hex": "#5C6B4A",
"rgb": {
"r": 92,
"g": 107,
"b": 74
}
},
"600": {
"hex": "#879279",
"rgb": {
"r": 135,
"g": 146,
"b": 121
}
},
"700": {
"hex": "#5e6652",
"rgb": {
"r": 94,
"g": 102,
"b": 82
}
},
"800": {
"hex": "#373e2e",
"rgb": {
"r": 55,
"g": 62,
"b": 46
}
},
"900": {
"hex": "#181c12",
"rgb": {
"r": 24,
"g": 28,
"b": 18
}
},
"950": {
"hex": "#030402",
"rgb": {
"r": 3,
"g": 4,
"b": 2
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 warm-terracotta,Palette,#C67B5C,"rgb(198, 123, 92)","hsl(18, 48%, 57%)",#C67B5C,#fffbf9,#fff7f2,#feeee6,#fbe2d5,#f5d3c1,#C67B5C,#c29a86,#8c6b59,#583f32,#2c1c14,#090402 calming-sage,Palette,#87A987,"rgb(135, 169, 135)","hsl(120, 17%, 60%)",#87A987,#fbfefb,#f7fbf7,#eff7ef,#e5f0e5,#d7e7d7,#87A987,#a1b4a1,#6f7f6f,#424e42,#1e251e,#040604 burnt-sienna,Palette,#8B5A2B,"rgb(139, 90, 43)","hsl(29, 53%, 36%)",#8B5A2B,#fffbf5,#fcf5eb,#f6e9d9,#edd9c0,#e0c4a0,#8B5A2B,#a6865b,#775c38,#4a3619,#241705,#060300 olive-green,Palette,#5C6B4A,"rgb(92, 107, 74)","hsl(87, 18%, 35%)",#5C6B4A,#fbfcf9,#f5f7f2,#e9ede3,#dae0d1,#c5ceb9,#5C6B4A,#879279,#5e6652,#373e2e,#181c12,#030402
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 198 123 92 warm-terracotta 255 251 249 warm-terracotta-50 255 247 242 warm-terracotta-100 254 238 230 warm-terracotta-200 251 226 213 warm-terracotta-300 245 211 193 warm-terracotta-400 198 123 92 warm-terracotta-500 194 154 134 warm-terracotta-600 140 107 89 warm-terracotta-700 88 63 50 warm-terracotta-800 44 28 20 warm-terracotta-900 9 4 2 warm-terracotta-950 135 169 135 calming-sage 251 254 251 calming-sage-50 247 251 247 calming-sage-100 239 247 239 calming-sage-200 229 240 229 calming-sage-300 215 231 215 calming-sage-400 135 169 135 calming-sage-500 161 180 161 calming-sage-600 111 127 111 calming-sage-700 66 78 66 calming-sage-800 30 37 30 calming-sage-900 4 6 4 calming-sage-950 139 90 43 burnt-sienna 255 251 245 burnt-sienna-50 252 245 235 burnt-sienna-100 246 233 217 burnt-sienna-200 237 217 192 burnt-sienna-300 224 196 160 burnt-sienna-400 139 90 43 burnt-sienna-500 166 134 91 burnt-sienna-600 119 92 56 burnt-sienna-700 74 54 25 burnt-sienna-800 36 23 5 burnt-sienna-900 6 3 0 burnt-sienna-950 92 107 74 olive-green 251 252 249 olive-green-50 245 247 242 olive-green-100 233 237 227 olive-green-200 218 224 209 olive-green-300 197 206 185 olive-green-400 92 107 74 olive-green-500 135 146 121 olive-green-600 94 102 82 olive-green-700 55 62 46 olive-green-800 24 28 18 olive-green-900 3 4 2 olive-green-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.