← Back to Tools
Generate highly aesthetic sage green and terracotta color palettes. Perfect for organic interior layouts, lifestyle branding, and bohemian stationery design.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--green: #87A987;
--green-50: #fbfefb;
--green-100: #f7fbf7;
--green-200: #eff7ef;
--green-300: #e5f0e5;
--green-400: #d7e7d7;
--green-500: #87A987;
--green-600: #a1b4a1;
--green-700: #6f7f6f;
--green-800: #424e42;
--green-900: #1e251e;
--green-950: #040604;
--green: #6B8E6B;
--green-50: #fafdfa;
--green-100: #f5faf5;
--green-200: #ebf3eb;
--green-300: #ddeadd;
--green-400: #cbddcb;
--green-500: #6B8E6B;
--green-600: #91a691;
--green-700: #637563;
--green-800: #3a483a;
--green-900: #192219;
--green-950: #030503;
--deep-green: #4A6741;
--deep-green-50: #f9fcf8;
--deep-green-100: #f2f7f0;
--deep-green-200: #e4ede1;
--deep-green-300: #d2e0cd;
--deep-green-400: #bacdb3;
--deep-green-500: #4A6741;
--deep-green-600: #7a9072;
--deep-green-700: #53654c;
--deep-green-800: #2f3d2a;
--deep-green-900: #131c10;
--deep-green-950: #020402;
--bright-orange: #D97453;
--bright-orange-50: #fffbf8;
--bright-orange-100: #fff6f1;
--bright-orange-200: #ffede3;
--bright-orange-300: #ffe0d1;
--bright-orange-400: #fdcfbb;
--bright-orange-500: #D97453;
--bright-orange-600: #cb967f;
--bright-orange-700: #936753;
--bright-orange-800: #5e3c2d;
--bright-orange-900: #2f1a11;
--bright-orange-950: #0a0302;
--orange: #B85A3A;
--orange-50: #fffaf6;
--orange-100: #fff4ee;
--orange-200: #ffe8dd;
--orange-300: #fbd8c7;
--orange-400: #f4c3ac;
--orange-500: #B85A3A;
--orange-600: #bd856a;
--orange-700: #895b44;
--orange-800: #573423;
--orange-900: #2c160a;
--orange-950: #090301;
}
$green: #87A987; $green-50: #fbfefb; $green-100: #f7fbf7; $green-200: #eff7ef; $green-300: #e5f0e5; $green-400: #d7e7d7; $green-500: #87A987; $green-600: #a1b4a1; $green-700: #6f7f6f; $green-800: #424e42; $green-900: #1e251e; $green-950: #040604; $green: #6B8E6B; $green-50: #fafdfa; $green-100: #f5faf5; $green-200: #ebf3eb; $green-300: #ddeadd; $green-400: #cbddcb; $green-500: #6B8E6B; $green-600: #91a691; $green-700: #637563; $green-800: #3a483a; $green-900: #192219; $green-950: #030503; $deep-green: #4A6741; $deep-green-50: #f9fcf8; $deep-green-100: #f2f7f0; $deep-green-200: #e4ede1; $deep-green-300: #d2e0cd; $deep-green-400: #bacdb3; $deep-green-500: #4A6741; $deep-green-600: #7a9072; $deep-green-700: #53654c; $deep-green-800: #2f3d2a; $deep-green-900: #131c10; $deep-green-950: #020402; $bright-orange: #D97453; $bright-orange-50: #fffbf8; $bright-orange-100: #fff6f1; $bright-orange-200: #ffede3; $bright-orange-300: #ffe0d1; $bright-orange-400: #fdcfbb; $bright-orange-500: #D97453; $bright-orange-600: #cb967f; $bright-orange-700: #936753; $bright-orange-800: #5e3c2d; $bright-orange-900: #2f1a11; $bright-orange-950: #0a0302; $orange: #B85A3A; $orange-50: #fffaf6; $orange-100: #fff4ee; $orange-200: #ffe8dd; $orange-300: #fbd8c7; $orange-400: #f4c3ac; $orange-500: #B85A3A; $orange-600: #bd856a; $orange-700: #895b44; $orange-800: #573423; $orange-900: #2c160a; $orange-950: #090301;
colors: {
'green': {
50: '#fbfefb',
100: '#f7fbf7',
200: '#eff7ef',
300: '#e5f0e5',
400: '#d7e7d7',
500: '#87A987',
600: '#a1b4a1',
700: '#6f7f6f',
800: '#424e42',
900: '#1e251e',
950: '#040604',
DEFAULT: '#87A987',
},
'green': {
50: '#fafdfa',
100: '#f5faf5',
200: '#ebf3eb',
300: '#ddeadd',
400: '#cbddcb',
500: '#6B8E6B',
600: '#91a691',
700: '#637563',
800: '#3a483a',
900: '#192219',
950: '#030503',
DEFAULT: '#6B8E6B',
},
'deep-green': {
50: '#f9fcf8',
100: '#f2f7f0',
200: '#e4ede1',
300: '#d2e0cd',
400: '#bacdb3',
500: '#4A6741',
600: '#7a9072',
700: '#53654c',
800: '#2f3d2a',
900: '#131c10',
950: '#020402',
DEFAULT: '#4A6741',
},
'bright-orange': {
50: '#fffbf8',
100: '#fff6f1',
200: '#ffede3',
300: '#ffe0d1',
400: '#fdcfbb',
500: '#D97453',
600: '#cb967f',
700: '#936753',
800: '#5e3c2d',
900: '#2f1a11',
950: '#0a0302',
DEFAULT: '#D97453',
},
'orange': {
50: '#fffaf6',
100: '#fff4ee',
200: '#ffe8dd',
300: '#fbd8c7',
400: '#f4c3ac',
500: '#B85A3A',
600: '#bd856a',
700: '#895b44',
800: '#573423',
900: '#2c160a',
950: '#090301',
DEFAULT: '#B85A3A',
},
},
[
{
"name": "green",
"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": "green",
"harmony": "Palette",
"hex": "#6B8E6B",
"rgb": {
"r": 107,
"g": 142,
"b": 107
},
"hsl": {
"h": 120,
"s": 14,
"l": 49
},
"value": "#6B8E6B",
"tonalScale": {
"50": {
"hex": "#fafdfa",
"rgb": {
"r": 250,
"g": 253,
"b": 250
}
},
"100": {
"hex": "#f5faf5",
"rgb": {
"r": 245,
"g": 250,
"b": 245
}
},
"200": {
"hex": "#ebf3eb",
"rgb": {
"r": 235,
"g": 243,
"b": 235
}
},
"300": {
"hex": "#ddeadd",
"rgb": {
"r": 221,
"g": 234,
"b": 221
}
},
"400": {
"hex": "#cbddcb",
"rgb": {
"r": 203,
"g": 221,
"b": 203
}
},
"500": {
"hex": "#6B8E6B",
"rgb": {
"r": 107,
"g": 142,
"b": 107
}
},
"600": {
"hex": "#91a691",
"rgb": {
"r": 145,
"g": 166,
"b": 145
}
},
"700": {
"hex": "#637563",
"rgb": {
"r": 99,
"g": 117,
"b": 99
}
},
"800": {
"hex": "#3a483a",
"rgb": {
"r": 58,
"g": 72,
"b": 58
}
},
"900": {
"hex": "#192219",
"rgb": {
"r": 25,
"g": 34,
"b": 25
}
},
"950": {
"hex": "#030503",
"rgb": {
"r": 3,
"g": 5,
"b": 3
}
}
}
},
{
"name": "deep-green",
"harmony": "Palette",
"hex": "#4A6741",
"rgb": {
"r": 74,
"g": 103,
"b": 65
},
"hsl": {
"h": 106,
"s": 23,
"l": 33
},
"value": "#4A6741",
"tonalScale": {
"50": {
"hex": "#f9fcf8",
"rgb": {
"r": 249,
"g": 252,
"b": 248
}
},
"100": {
"hex": "#f2f7f0",
"rgb": {
"r": 242,
"g": 247,
"b": 240
}
},
"200": {
"hex": "#e4ede1",
"rgb": {
"r": 228,
"g": 237,
"b": 225
}
},
"300": {
"hex": "#d2e0cd",
"rgb": {
"r": 210,
"g": 224,
"b": 205
}
},
"400": {
"hex": "#bacdb3",
"rgb": {
"r": 186,
"g": 205,
"b": 179
}
},
"500": {
"hex": "#4A6741",
"rgb": {
"r": 74,
"g": 103,
"b": 65
}
},
"600": {
"hex": "#7a9072",
"rgb": {
"r": 122,
"g": 144,
"b": 114
}
},
"700": {
"hex": "#53654c",
"rgb": {
"r": 83,
"g": 101,
"b": 76
}
},
"800": {
"hex": "#2f3d2a",
"rgb": {
"r": 47,
"g": 61,
"b": 42
}
},
"900": {
"hex": "#131c10",
"rgb": {
"r": 19,
"g": 28,
"b": 16
}
},
"950": {
"hex": "#020402",
"rgb": {
"r": 2,
"g": 4,
"b": 2
}
}
}
},
{
"name": "bright-orange",
"harmony": "Palette",
"hex": "#D97453",
"rgb": {
"r": 217,
"g": 116,
"b": 83
},
"hsl": {
"h": 15,
"s": 64,
"l": 59
},
"value": "#D97453",
"tonalScale": {
"50": {
"hex": "#fffbf8",
"rgb": {
"r": 255,
"g": 251,
"b": 248
}
},
"100": {
"hex": "#fff6f1",
"rgb": {
"r": 255,
"g": 246,
"b": 241
}
},
"200": {
"hex": "#ffede3",
"rgb": {
"r": 255,
"g": 237,
"b": 227
}
},
"300": {
"hex": "#ffe0d1",
"rgb": {
"r": 255,
"g": 224,
"b": 209
}
},
"400": {
"hex": "#fdcfbb",
"rgb": {
"r": 253,
"g": 207,
"b": 187
}
},
"500": {
"hex": "#D97453",
"rgb": {
"r": 217,
"g": 116,
"b": 83
}
},
"600": {
"hex": "#cb967f",
"rgb": {
"r": 203,
"g": 150,
"b": 127
}
},
"700": {
"hex": "#936753",
"rgb": {
"r": 147,
"g": 103,
"b": 83
}
},
"800": {
"hex": "#5e3c2d",
"rgb": {
"r": 94,
"g": 60,
"b": 45
}
},
"900": {
"hex": "#2f1a11",
"rgb": {
"r": 47,
"g": 26,
"b": 17
}
},
"950": {
"hex": "#0a0302",
"rgb": {
"r": 10,
"g": 3,
"b": 2
}
}
}
},
{
"name": "orange",
"harmony": "Palette",
"hex": "#B85A3A",
"rgb": {
"r": 184,
"g": 90,
"b": 58
},
"hsl": {
"h": 15,
"s": 52,
"l": 47
},
"value": "#B85A3A",
"tonalScale": {
"50": {
"hex": "#fffaf6",
"rgb": {
"r": 255,
"g": 250,
"b": 246
}
},
"100": {
"hex": "#fff4ee",
"rgb": {
"r": 255,
"g": 244,
"b": 238
}
},
"200": {
"hex": "#ffe8dd",
"rgb": {
"r": 255,
"g": 232,
"b": 221
}
},
"300": {
"hex": "#fbd8c7",
"rgb": {
"r": 251,
"g": 216,
"b": 199
}
},
"400": {
"hex": "#f4c3ac",
"rgb": {
"r": 244,
"g": 195,
"b": 172
}
},
"500": {
"hex": "#B85A3A",
"rgb": {
"r": 184,
"g": 90,
"b": 58
}
},
"600": {
"hex": "#bd856a",
"rgb": {
"r": 189,
"g": 133,
"b": 106
}
},
"700": {
"hex": "#895b44",
"rgb": {
"r": 137,
"g": 91,
"b": 68
}
},
"800": {
"hex": "#573423",
"rgb": {
"r": 87,
"g": 52,
"b": 35
}
},
"900": {
"hex": "#2c160a",
"rgb": {
"r": 44,
"g": 22,
"b": 10
}
},
"950": {
"hex": "#090301",
"rgb": {
"r": 9,
"g": 3,
"b": 1
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 green,Palette,#87A987,"rgb(135, 169, 135)","hsl(120, 17%, 60%)",#87A987,#fbfefb,#f7fbf7,#eff7ef,#e5f0e5,#d7e7d7,#87A987,#a1b4a1,#6f7f6f,#424e42,#1e251e,#040604 green,Palette,#6B8E6B,"rgb(107, 142, 107)","hsl(120, 14%, 49%)",#6B8E6B,#fafdfa,#f5faf5,#ebf3eb,#ddeadd,#cbddcb,#6B8E6B,#91a691,#637563,#3a483a,#192219,#030503 deep-green,Palette,#4A6741,"rgb(74, 103, 65)","hsl(106, 23%, 33%)",#4A6741,#f9fcf8,#f2f7f0,#e4ede1,#d2e0cd,#bacdb3,#4A6741,#7a9072,#53654c,#2f3d2a,#131c10,#020402 bright-orange,Palette,#D97453,"rgb(217, 116, 83)","hsl(15, 64%, 59%)",#D97453,#fffbf8,#fff6f1,#ffede3,#ffe0d1,#fdcfbb,#D97453,#cb967f,#936753,#5e3c2d,#2f1a11,#0a0302 orange,Palette,#B85A3A,"rgb(184, 90, 58)","hsl(15, 52%, 47%)",#B85A3A,#fffaf6,#fff4ee,#ffe8dd,#fbd8c7,#f4c3ac,#B85A3A,#bd856a,#895b44,#573423,#2c160a,#090301
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 135 169 135 green 251 254 251 green-50 247 251 247 green-100 239 247 239 green-200 229 240 229 green-300 215 231 215 green-400 135 169 135 green-500 161 180 161 green-600 111 127 111 green-700 66 78 66 green-800 30 37 30 green-900 4 6 4 green-950 107 142 107 green 250 253 250 green-50 245 250 245 green-100 235 243 235 green-200 221 234 221 green-300 203 221 203 green-400 107 142 107 green-500 145 166 145 green-600 99 117 99 green-700 58 72 58 green-800 25 34 25 green-900 3 5 3 green-950 74 103 65 deep-green 249 252 248 deep-green-50 242 247 240 deep-green-100 228 237 225 deep-green-200 210 224 205 deep-green-300 186 205 179 deep-green-400 74 103 65 deep-green-500 122 144 114 deep-green-600 83 101 76 deep-green-700 47 61 42 deep-green-800 19 28 16 deep-green-900 2 4 2 deep-green-950 217 116 83 bright-orange 255 251 248 bright-orange-50 255 246 241 bright-orange-100 255 237 227 bright-orange-200 255 224 209 bright-orange-300 253 207 187 bright-orange-400 217 116 83 bright-orange-500 203 150 127 bright-orange-600 147 103 83 bright-orange-700 94 60 45 bright-orange-800 47 26 17 bright-orange-900 10 3 2 bright-orange-950 184 90 58 orange 255 250 246 orange-50 255 244 238 orange-100 255 232 221 orange-200 251 216 199 orange-300 244 195 172 orange-400 184 90 58 orange-500 189 133 106 orange-600 137 91 68 orange-700 87 52 35 orange-800 44 22 10 orange-900 9 3 1 orange-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.