← Back to Tools
Restrict color balances to terracotta, sage, and warm pampas tones, bringing together a earthy terracotta brick (#C36A53), muted sage leaf (#9CAF88), and dried pampas grass beige (#EFE9DB).
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--earthy-terracotta-brick: #C36A53;
--earthy-terracotta-brick-50: #fffbf8;
--earthy-terracotta-brick-100: #fff5f1;
--earthy-terracotta-brick-200: #ffebe4;
--earthy-terracotta-brick-300: #fcddd3;
--earthy-terracotta-brick-400: #f6cbbc;
--earthy-terracotta-brick-500: #C36A53;
--earthy-terracotta-brick-600: #c1907f;
--earthy-terracotta-brick-700: #8c6355;
--earthy-terracotta-brick-800: #59392f;
--earthy-terracotta-brick-900: #2d1912;
--earthy-terracotta-brick-950: #090302;
--muted-sage-leaf: #9CAF88;
--muted-sage-leaf-50: #fcfefb;
--muted-sage-leaf-100: #f9fcf7;
--muted-sage-leaf-200: #f3f7ef;
--muted-sage-leaf-300: #ebf1e4;
--muted-sage-leaf-400: #e0e8d6;
--muted-sage-leaf-500: #9CAF88;
--muted-sage-leaf-600: #acb6a1;
--muted-sage-leaf-700: #78816f;
--muted-sage-leaf-800: #484f41;
--muted-sage-leaf-900: #22261d;
--muted-sage-leaf-950: #050604;
--dried-pampas-grass-beige: #EFE9DB;
--dried-pampas-grass-beige-50: #fffffe;
--dried-pampas-grass-beige-100: #fffefd;
--dried-pampas-grass-beige-200: #fefdfa;
--dried-pampas-grass-beige-300: #fdfbf8;
--dried-pampas-grass-beige-400: #fbf9f4;
--dried-pampas-grass-beige-500: #EFE9DB;
--dried-pampas-grass-beige-600: #d1cfc9;
--dried-pampas-grass-beige-700: #94928d;
--dried-pampas-grass-beige-800: #5b5956;
--dried-pampas-grass-beige-900: #2d2b29;
--dried-pampas-grass-beige-950: #090807;
}
$earthy-terracotta-brick: #C36A53; $earthy-terracotta-brick-50: #fffbf8; $earthy-terracotta-brick-100: #fff5f1; $earthy-terracotta-brick-200: #ffebe4; $earthy-terracotta-brick-300: #fcddd3; $earthy-terracotta-brick-400: #f6cbbc; $earthy-terracotta-brick-500: #C36A53; $earthy-terracotta-brick-600: #c1907f; $earthy-terracotta-brick-700: #8c6355; $earthy-terracotta-brick-800: #59392f; $earthy-terracotta-brick-900: #2d1912; $earthy-terracotta-brick-950: #090302; $muted-sage-leaf: #9CAF88; $muted-sage-leaf-50: #fcfefb; $muted-sage-leaf-100: #f9fcf7; $muted-sage-leaf-200: #f3f7ef; $muted-sage-leaf-300: #ebf1e4; $muted-sage-leaf-400: #e0e8d6; $muted-sage-leaf-500: #9CAF88; $muted-sage-leaf-600: #acb6a1; $muted-sage-leaf-700: #78816f; $muted-sage-leaf-800: #484f41; $muted-sage-leaf-900: #22261d; $muted-sage-leaf-950: #050604; $dried-pampas-grass-beige: #EFE9DB; $dried-pampas-grass-beige-50: #fffffe; $dried-pampas-grass-beige-100: #fffefd; $dried-pampas-grass-beige-200: #fefdfa; $dried-pampas-grass-beige-300: #fdfbf8; $dried-pampas-grass-beige-400: #fbf9f4; $dried-pampas-grass-beige-500: #EFE9DB; $dried-pampas-grass-beige-600: #d1cfc9; $dried-pampas-grass-beige-700: #94928d; $dried-pampas-grass-beige-800: #5b5956; $dried-pampas-grass-beige-900: #2d2b29; $dried-pampas-grass-beige-950: #090807;
colors: {
'earthy-terracotta-brick': {
50: '#fffbf8',
100: '#fff5f1',
200: '#ffebe4',
300: '#fcddd3',
400: '#f6cbbc',
500: '#C36A53',
600: '#c1907f',
700: '#8c6355',
800: '#59392f',
900: '#2d1912',
950: '#090302',
DEFAULT: '#C36A53',
},
'muted-sage-leaf': {
50: '#fcfefb',
100: '#f9fcf7',
200: '#f3f7ef',
300: '#ebf1e4',
400: '#e0e8d6',
500: '#9CAF88',
600: '#acb6a1',
700: '#78816f',
800: '#484f41',
900: '#22261d',
950: '#050604',
DEFAULT: '#9CAF88',
},
'dried-pampas-grass-beige': {
50: '#fffffe',
100: '#fffefd',
200: '#fefdfa',
300: '#fdfbf8',
400: '#fbf9f4',
500: '#EFE9DB',
600: '#d1cfc9',
700: '#94928d',
800: '#5b5956',
900: '#2d2b29',
950: '#090807',
DEFAULT: '#EFE9DB',
},
},
[
{
"name": "earthy-terracotta-brick",
"harmony": "Palette",
"hex": "#C36A53",
"rgb": {
"r": 195,
"g": 106,
"b": 83
},
"hsl": {
"h": 12,
"s": 48,
"l": 55
},
"value": "#C36A53",
"tonalScale": {
"50": {
"hex": "#fffbf8",
"rgb": {
"r": 255,
"g": 251,
"b": 248
}
},
"100": {
"hex": "#fff5f1",
"rgb": {
"r": 255,
"g": 245,
"b": 241
}
},
"200": {
"hex": "#ffebe4",
"rgb": {
"r": 255,
"g": 235,
"b": 228
}
},
"300": {
"hex": "#fcddd3",
"rgb": {
"r": 252,
"g": 221,
"b": 211
}
},
"400": {
"hex": "#f6cbbc",
"rgb": {
"r": 246,
"g": 203,
"b": 188
}
},
"500": {
"hex": "#C36A53",
"rgb": {
"r": 195,
"g": 106,
"b": 83
}
},
"600": {
"hex": "#c1907f",
"rgb": {
"r": 193,
"g": 144,
"b": 127
}
},
"700": {
"hex": "#8c6355",
"rgb": {
"r": 140,
"g": 99,
"b": 85
}
},
"800": {
"hex": "#59392f",
"rgb": {
"r": 89,
"g": 57,
"b": 47
}
},
"900": {
"hex": "#2d1912",
"rgb": {
"r": 45,
"g": 25,
"b": 18
}
},
"950": {
"hex": "#090302",
"rgb": {
"r": 9,
"g": 3,
"b": 2
}
}
}
},
{
"name": "muted-sage-leaf",
"harmony": "Palette",
"hex": "#9CAF88",
"rgb": {
"r": 156,
"g": 175,
"b": 136
},
"hsl": {
"h": 89,
"s": 20,
"l": 61
},
"value": "#9CAF88",
"tonalScale": {
"50": {
"hex": "#fcfefb",
"rgb": {
"r": 252,
"g": 254,
"b": 251
}
},
"100": {
"hex": "#f9fcf7",
"rgb": {
"r": 249,
"g": 252,
"b": 247
}
},
"200": {
"hex": "#f3f7ef",
"rgb": {
"r": 243,
"g": 247,
"b": 239
}
},
"300": {
"hex": "#ebf1e4",
"rgb": {
"r": 235,
"g": 241,
"b": 228
}
},
"400": {
"hex": "#e0e8d6",
"rgb": {
"r": 224,
"g": 232,
"b": 214
}
},
"500": {
"hex": "#9CAF88",
"rgb": {
"r": 156,
"g": 175,
"b": 136
}
},
"600": {
"hex": "#acb6a1",
"rgb": {
"r": 172,
"g": 182,
"b": 161
}
},
"700": {
"hex": "#78816f",
"rgb": {
"r": 120,
"g": 129,
"b": 111
}
},
"800": {
"hex": "#484f41",
"rgb": {
"r": 72,
"g": 79,
"b": 65
}
},
"900": {
"hex": "#22261d",
"rgb": {
"r": 34,
"g": 38,
"b": 29
}
},
"950": {
"hex": "#050604",
"rgb": {
"r": 5,
"g": 6,
"b": 4
}
}
}
},
{
"name": "dried-pampas-grass-beige",
"harmony": "Palette",
"hex": "#EFE9DB",
"rgb": {
"r": 239,
"g": 233,
"b": 219
},
"hsl": {
"h": 42,
"s": 38,
"l": 90
},
"value": "#EFE9DB",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fefdfa",
"rgb": {
"r": 254,
"g": 253,
"b": 250
}
},
"300": {
"hex": "#fdfbf8",
"rgb": {
"r": 253,
"g": 251,
"b": 248
}
},
"400": {
"hex": "#fbf9f4",
"rgb": {
"r": 251,
"g": 249,
"b": 244
}
},
"500": {
"hex": "#EFE9DB",
"rgb": {
"r": 239,
"g": 233,
"b": 219
}
},
"600": {
"hex": "#d1cfc9",
"rgb": {
"r": 209,
"g": 207,
"b": 201
}
},
"700": {
"hex": "#94928d",
"rgb": {
"r": 148,
"g": 146,
"b": 141
}
},
"800": {
"hex": "#5b5956",
"rgb": {
"r": 91,
"g": 89,
"b": 86
}
},
"900": {
"hex": "#2d2b29",
"rgb": {
"r": 45,
"g": 43,
"b": 41
}
},
"950": {
"hex": "#090807",
"rgb": {
"r": 9,
"g": 8,
"b": 7
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 earthy-terracotta-brick,Palette,#C36A53,"rgb(195, 106, 83)","hsl(12, 48%, 55%)",#C36A53,#fffbf8,#fff5f1,#ffebe4,#fcddd3,#f6cbbc,#C36A53,#c1907f,#8c6355,#59392f,#2d1912,#090302 muted-sage-leaf,Palette,#9CAF88,"rgb(156, 175, 136)","hsl(89, 20%, 61%)",#9CAF88,#fcfefb,#f9fcf7,#f3f7ef,#ebf1e4,#e0e8d6,#9CAF88,#acb6a1,#78816f,#484f41,#22261d,#050604 dried-pampas-grass-beige,Palette,#EFE9DB,"rgb(239, 233, 219)","hsl(42, 38%, 90%)",#EFE9DB,#fffffe,#fffefd,#fefdfa,#fdfbf8,#fbf9f4,#EFE9DB,#d1cfc9,#94928d,#5b5956,#2d2b29,#090807
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 195 106 83 earthy-terracotta-brick 255 251 248 earthy-terracotta-brick-50 255 245 241 earthy-terracotta-brick-100 255 235 228 earthy-terracotta-brick-200 252 221 211 earthy-terracotta-brick-300 246 203 188 earthy-terracotta-brick-400 195 106 83 earthy-terracotta-brick-500 193 144 127 earthy-terracotta-brick-600 140 99 85 earthy-terracotta-brick-700 89 57 47 earthy-terracotta-brick-800 45 25 18 earthy-terracotta-brick-900 9 3 2 earthy-terracotta-brick-950 156 175 136 muted-sage-leaf 252 254 251 muted-sage-leaf-50 249 252 247 muted-sage-leaf-100 243 247 239 muted-sage-leaf-200 235 241 228 muted-sage-leaf-300 224 232 214 muted-sage-leaf-400 156 175 136 muted-sage-leaf-500 172 182 161 muted-sage-leaf-600 120 129 111 muted-sage-leaf-700 72 79 65 muted-sage-leaf-800 34 38 29 muted-sage-leaf-900 5 6 4 muted-sage-leaf-950 239 233 219 dried-pampas-grass-beige 255 255 254 dried-pampas-grass-beige-50 255 254 253 dried-pampas-grass-beige-100 254 253 250 dried-pampas-grass-beige-200 253 251 248 dried-pampas-grass-beige-300 251 249 244 dried-pampas-grass-beige-400 239 233 219 dried-pampas-grass-beige-500 209 207 201 dried-pampas-grass-beige-600 148 146 141 dried-pampas-grass-beige-700 91 89 86 dried-pampas-grass-beige-800 45 43 41 dried-pampas-grass-beige-900 9 8 7 dried-pampas-grass-beige-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.