← Back to Tools
Design apothecary-inspired colors with soft moss green (#6E7A52), muted sage (#97A176), antique gold (#C2A65A), and dusty cream (#EAE3CC) for organic botanical brands.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--soft-moss-green: #6E7A52;
--soft-moss-green-50: #fbfdf9;
--soft-moss-green-100: #f6f8f2;
--soft-moss-green-200: #ecf0e5;
--soft-moss-green-300: #dfe4d3;
--soft-moss-green-400: #ced5bd;
--soft-moss-green-500: #6E7A52;
--soft-moss-green-600: #939b7f;
--soft-moss-green-700: #666d55;
--soft-moss-green-800: #3d4230;
--soft-moss-green-900: #1c1f13;
--soft-moss-green-950: #040402;
--muted-sage: #97A176;
--muted-sage-50: #fdfdfa;
--muted-sage-100: #f9fbf5;
--muted-sage-200: #f3f5eb;
--muted-sage-300: #eaeedf;
--muted-sage-400: #dfe3ce;
--muted-sage-500: #97A176;
--muted-sage-600: #aab097;
--muted-sage-700: #777c67;
--muted-sage-800: #484b3b;
--muted-sage-900: #22241a;
--muted-sage-950: #050603;
--antique-gold: #C2A65A;
--antique-gold-50: #fffdf7;
--antique-gold-100: #fefbf1;
--antique-gold-200: #fbf5e4;
--antique-gold-300: #f7eed3;
--antique-gold-400: #f0e5bd;
--antique-gold-500: #C2A65A;
--antique-gold-600: #c0b283;
--antique-gold-700: #897d55;
--antique-gold-800: #554c2d;
--antique-gold-900: #2a2410;
--antique-gold-950: #080601;
--dusty-cream: #EAE3CC;
--dusty-cream-50: #fffffd;
--dusty-cream-100: #fefefc;
--dusty-cream-200: #fdfcf8;
--dusty-cream-300: #fcfaf4;
--dusty-cream-400: #faf7ef;
--dusty-cream-500: #EAE3CC;
--dusty-cream-600: #cfccc2;
--dusty-cream-700: #939088;
--dusty-cream-800: #5a5852;
--dusty-cream-900: #2c2b27;
--dusty-cream-950: #090807;
}
$soft-moss-green: #6E7A52; $soft-moss-green-50: #fbfdf9; $soft-moss-green-100: #f6f8f2; $soft-moss-green-200: #ecf0e5; $soft-moss-green-300: #dfe4d3; $soft-moss-green-400: #ced5bd; $soft-moss-green-500: #6E7A52; $soft-moss-green-600: #939b7f; $soft-moss-green-700: #666d55; $soft-moss-green-800: #3d4230; $soft-moss-green-900: #1c1f13; $soft-moss-green-950: #040402; $muted-sage: #97A176; $muted-sage-50: #fdfdfa; $muted-sage-100: #f9fbf5; $muted-sage-200: #f3f5eb; $muted-sage-300: #eaeedf; $muted-sage-400: #dfe3ce; $muted-sage-500: #97A176; $muted-sage-600: #aab097; $muted-sage-700: #777c67; $muted-sage-800: #484b3b; $muted-sage-900: #22241a; $muted-sage-950: #050603; $antique-gold: #C2A65A; $antique-gold-50: #fffdf7; $antique-gold-100: #fefbf1; $antique-gold-200: #fbf5e4; $antique-gold-300: #f7eed3; $antique-gold-400: #f0e5bd; $antique-gold-500: #C2A65A; $antique-gold-600: #c0b283; $antique-gold-700: #897d55; $antique-gold-800: #554c2d; $antique-gold-900: #2a2410; $antique-gold-950: #080601; $dusty-cream: #EAE3CC; $dusty-cream-50: #fffffd; $dusty-cream-100: #fefefc; $dusty-cream-200: #fdfcf8; $dusty-cream-300: #fcfaf4; $dusty-cream-400: #faf7ef; $dusty-cream-500: #EAE3CC; $dusty-cream-600: #cfccc2; $dusty-cream-700: #939088; $dusty-cream-800: #5a5852; $dusty-cream-900: #2c2b27; $dusty-cream-950: #090807;
colors: {
'soft-moss-green': {
50: '#fbfdf9',
100: '#f6f8f2',
200: '#ecf0e5',
300: '#dfe4d3',
400: '#ced5bd',
500: '#6E7A52',
600: '#939b7f',
700: '#666d55',
800: '#3d4230',
900: '#1c1f13',
950: '#040402',
DEFAULT: '#6E7A52',
},
'muted-sage': {
50: '#fdfdfa',
100: '#f9fbf5',
200: '#f3f5eb',
300: '#eaeedf',
400: '#dfe3ce',
500: '#97A176',
600: '#aab097',
700: '#777c67',
800: '#484b3b',
900: '#22241a',
950: '#050603',
DEFAULT: '#97A176',
},
'antique-gold': {
50: '#fffdf7',
100: '#fefbf1',
200: '#fbf5e4',
300: '#f7eed3',
400: '#f0e5bd',
500: '#C2A65A',
600: '#c0b283',
700: '#897d55',
800: '#554c2d',
900: '#2a2410',
950: '#080601',
DEFAULT: '#C2A65A',
},
'dusty-cream': {
50: '#fffffd',
100: '#fefefc',
200: '#fdfcf8',
300: '#fcfaf4',
400: '#faf7ef',
500: '#EAE3CC',
600: '#cfccc2',
700: '#939088',
800: '#5a5852',
900: '#2c2b27',
950: '#090807',
DEFAULT: '#EAE3CC',
},
},
[
{
"name": "soft-moss-green",
"harmony": "Palette",
"hex": "#6E7A52",
"rgb": {
"r": 110,
"g": 122,
"b": 82
},
"hsl": {
"h": 78,
"s": 20,
"l": 40
},
"value": "#6E7A52",
"tonalScale": {
"50": {
"hex": "#fbfdf9",
"rgb": {
"r": 251,
"g": 253,
"b": 249
}
},
"100": {
"hex": "#f6f8f2",
"rgb": {
"r": 246,
"g": 248,
"b": 242
}
},
"200": {
"hex": "#ecf0e5",
"rgb": {
"r": 236,
"g": 240,
"b": 229
}
},
"300": {
"hex": "#dfe4d3",
"rgb": {
"r": 223,
"g": 228,
"b": 211
}
},
"400": {
"hex": "#ced5bd",
"rgb": {
"r": 206,
"g": 213,
"b": 189
}
},
"500": {
"hex": "#6E7A52",
"rgb": {
"r": 110,
"g": 122,
"b": 82
}
},
"600": {
"hex": "#939b7f",
"rgb": {
"r": 147,
"g": 155,
"b": 127
}
},
"700": {
"hex": "#666d55",
"rgb": {
"r": 102,
"g": 109,
"b": 85
}
},
"800": {
"hex": "#3d4230",
"rgb": {
"r": 61,
"g": 66,
"b": 48
}
},
"900": {
"hex": "#1c1f13",
"rgb": {
"r": 28,
"g": 31,
"b": 19
}
},
"950": {
"hex": "#040402",
"rgb": {
"r": 4,
"g": 4,
"b": 2
}
}
}
},
{
"name": "muted-sage",
"harmony": "Palette",
"hex": "#97A176",
"rgb": {
"r": 151,
"g": 161,
"b": 118
},
"hsl": {
"h": 74,
"s": 19,
"l": 55
},
"value": "#97A176",
"tonalScale": {
"50": {
"hex": "#fdfdfa",
"rgb": {
"r": 253,
"g": 253,
"b": 250
}
},
"100": {
"hex": "#f9fbf5",
"rgb": {
"r": 249,
"g": 251,
"b": 245
}
},
"200": {
"hex": "#f3f5eb",
"rgb": {
"r": 243,
"g": 245,
"b": 235
}
},
"300": {
"hex": "#eaeedf",
"rgb": {
"r": 234,
"g": 238,
"b": 223
}
},
"400": {
"hex": "#dfe3ce",
"rgb": {
"r": 223,
"g": 227,
"b": 206
}
},
"500": {
"hex": "#97A176",
"rgb": {
"r": 151,
"g": 161,
"b": 118
}
},
"600": {
"hex": "#aab097",
"rgb": {
"r": 170,
"g": 176,
"b": 151
}
},
"700": {
"hex": "#777c67",
"rgb": {
"r": 119,
"g": 124,
"b": 103
}
},
"800": {
"hex": "#484b3b",
"rgb": {
"r": 72,
"g": 75,
"b": 59
}
},
"900": {
"hex": "#22241a",
"rgb": {
"r": 34,
"g": 36,
"b": 26
}
},
"950": {
"hex": "#050603",
"rgb": {
"r": 5,
"g": 6,
"b": 3
}
}
}
},
{
"name": "antique-gold",
"harmony": "Palette",
"hex": "#C2A65A",
"rgb": {
"r": 194,
"g": 166,
"b": 90
},
"hsl": {
"h": 44,
"s": 46,
"l": 56
},
"value": "#C2A65A",
"tonalScale": {
"50": {
"hex": "#fffdf7",
"rgb": {
"r": 255,
"g": 253,
"b": 247
}
},
"100": {
"hex": "#fefbf1",
"rgb": {
"r": 254,
"g": 251,
"b": 241
}
},
"200": {
"hex": "#fbf5e4",
"rgb": {
"r": 251,
"g": 245,
"b": 228
}
},
"300": {
"hex": "#f7eed3",
"rgb": {
"r": 247,
"g": 238,
"b": 211
}
},
"400": {
"hex": "#f0e5bd",
"rgb": {
"r": 240,
"g": 229,
"b": 189
}
},
"500": {
"hex": "#C2A65A",
"rgb": {
"r": 194,
"g": 166,
"b": 90
}
},
"600": {
"hex": "#c0b283",
"rgb": {
"r": 192,
"g": 178,
"b": 131
}
},
"700": {
"hex": "#897d55",
"rgb": {
"r": 137,
"g": 125,
"b": 85
}
},
"800": {
"hex": "#554c2d",
"rgb": {
"r": 85,
"g": 76,
"b": 45
}
},
"900": {
"hex": "#2a2410",
"rgb": {
"r": 42,
"g": 36,
"b": 16
}
},
"950": {
"hex": "#080601",
"rgb": {
"r": 8,
"g": 6,
"b": 1
}
}
}
},
{
"name": "dusty-cream",
"harmony": "Palette",
"hex": "#EAE3CC",
"rgb": {
"r": 234,
"g": 227,
"b": 204
},
"hsl": {
"h": 46,
"s": 42,
"l": 86
},
"value": "#EAE3CC",
"tonalScale": {
"50": {
"hex": "#fffffd",
"rgb": {
"r": 255,
"g": 255,
"b": 253
}
},
"100": {
"hex": "#fefefc",
"rgb": {
"r": 254,
"g": 254,
"b": 252
}
},
"200": {
"hex": "#fdfcf8",
"rgb": {
"r": 253,
"g": 252,
"b": 248
}
},
"300": {
"hex": "#fcfaf4",
"rgb": {
"r": 252,
"g": 250,
"b": 244
}
},
"400": {
"hex": "#faf7ef",
"rgb": {
"r": 250,
"g": 247,
"b": 239
}
},
"500": {
"hex": "#EAE3CC",
"rgb": {
"r": 234,
"g": 227,
"b": 204
}
},
"600": {
"hex": "#cfccc2",
"rgb": {
"r": 207,
"g": 204,
"b": 194
}
},
"700": {
"hex": "#939088",
"rgb": {
"r": 147,
"g": 144,
"b": 136
}
},
"800": {
"hex": "#5a5852",
"rgb": {
"r": 90,
"g": 88,
"b": 82
}
},
"900": {
"hex": "#2c2b27",
"rgb": {
"r": 44,
"g": 43,
"b": 39
}
},
"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 soft-moss-green,Palette,#6E7A52,"rgb(110, 122, 82)","hsl(78, 20%, 40%)",#6E7A52,#fbfdf9,#f6f8f2,#ecf0e5,#dfe4d3,#ced5bd,#6E7A52,#939b7f,#666d55,#3d4230,#1c1f13,#040402 muted-sage,Palette,#97A176,"rgb(151, 161, 118)","hsl(74, 19%, 55%)",#97A176,#fdfdfa,#f9fbf5,#f3f5eb,#eaeedf,#dfe3ce,#97A176,#aab097,#777c67,#484b3b,#22241a,#050603 antique-gold,Palette,#C2A65A,"rgb(194, 166, 90)","hsl(44, 46%, 56%)",#C2A65A,#fffdf7,#fefbf1,#fbf5e4,#f7eed3,#f0e5bd,#C2A65A,#c0b283,#897d55,#554c2d,#2a2410,#080601 dusty-cream,Palette,#EAE3CC,"rgb(234, 227, 204)","hsl(46, 42%, 86%)",#EAE3CC,#fffffd,#fefefc,#fdfcf8,#fcfaf4,#faf7ef,#EAE3CC,#cfccc2,#939088,#5a5852,#2c2b27,#090807
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 110 122 82 soft-moss-green 251 253 249 soft-moss-green-50 246 248 242 soft-moss-green-100 236 240 229 soft-moss-green-200 223 228 211 soft-moss-green-300 206 213 189 soft-moss-green-400 110 122 82 soft-moss-green-500 147 155 127 soft-moss-green-600 102 109 85 soft-moss-green-700 61 66 48 soft-moss-green-800 28 31 19 soft-moss-green-900 4 4 2 soft-moss-green-950 151 161 118 muted-sage 253 253 250 muted-sage-50 249 251 245 muted-sage-100 243 245 235 muted-sage-200 234 238 223 muted-sage-300 223 227 206 muted-sage-400 151 161 118 muted-sage-500 170 176 151 muted-sage-600 119 124 103 muted-sage-700 72 75 59 muted-sage-800 34 36 26 muted-sage-900 5 6 3 muted-sage-950 194 166 90 antique-gold 255 253 247 antique-gold-50 254 251 241 antique-gold-100 251 245 228 antique-gold-200 247 238 211 antique-gold-300 240 229 189 antique-gold-400 194 166 90 antique-gold-500 192 178 131 antique-gold-600 137 125 85 antique-gold-700 85 76 45 antique-gold-800 42 36 16 antique-gold-900 8 6 1 antique-gold-950 234 227 204 dusty-cream 255 255 253 dusty-cream-50 254 254 252 dusty-cream-100 253 252 248 dusty-cream-200 252 250 244 dusty-cream-300 250 247 239 dusty-cream-400 234 227 204 dusty-cream-500 207 204 194 dusty-cream-600 147 144 136 dusty-cream-700 90 88 82 dusty-cream-800 44 43 39 dusty-cream-900 9 8 7 dusty-cream-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.