← Back to Tools
Mix refined dark academia greens with ivy forest green (#2C3B2D), warm brown (#3B2F2F), antique gold (#B08D57), muted sage (#5A6B4F), and cream (#E8E0CF) for bookish elegance.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--ivy-forest-green: #2C3B2D;
--ivy-forest-green-50: #f8faf8;
--ivy-forest-green-100: #eff3ef;
--ivy-forest-green-200: #dde4de;
--ivy-forest-green-300: #c6d0c6;
--ivy-forest-green-400: #a7b5a8;
--ivy-forest-green-500: #2C3B2D;
--ivy-forest-green-600: #5f6f61;
--ivy-forest-green-700: #404d41;
--ivy-forest-green-800: #232d24;
--ivy-forest-green-900: #0d130d;
--ivy-forest-green-950: #010201;
--warm-brown: #3B2F2F;
--warm-brown-50: #fbf9f9;
--warm-brown-100: #f3f0f0;
--warm-brown-200: #e4dfdf;
--warm-brown-300: #d1c8c8;
--warm-brown-400: #b5aaaa;
--warm-brown-500: #3B2F2F;
--warm-brown-600: #6f6363;
--warm-brown-700: #4e4444;
--warm-brown-800: #2e2626;
--warm-brown-900: #140f0f;
--warm-brown-950: #020202;
--antique-gold: #B08D57;
--antique-gold-50: #fffcf8;
--antique-gold-100: #fdf9f1;
--antique-gold-200: #f9f2e4;
--antique-gold-300: #f4e8d3;
--antique-gold-400: #ebdbbd;
--antique-gold-500: #B08D57;
--antique-gold-600: #b8a582;
--antique-gold-700: #837355;
--antique-gold-800: #51452e;
--antique-gold-900: #282011;
--antique-gold-950: #070502;
--muted-sage: #5A6B4F;
--muted-sage-50: #fafcf9;
--muted-sage-100: #f4f7f2;
--muted-sage-200: #e8ede5;
--muted-sage-300: #d9e0d3;
--muted-sage-400: #c4cebc;
--muted-sage-500: #5A6B4F;
--muted-sage-600: #86927d;
--muted-sage-700: #5c6655;
--muted-sage-800: #363e31;
--muted-sage-900: #171c14;
--muted-sage-950: #030402;
--cream: #E8E0CF;
--cream-50: #fffefd;
--cream-100: #fefefc;
--cream-200: #fdfcf9;
--cream-300: #fcfaf5;
--cream-400: #f9f6f0;
--cream-500: #E8E0CF;
--cream-600: #cfcbc4;
--cream-700: #928f89;
--cream-800: #5a5853;
--cream-900: #2c2b27;
--cream-950: #080807;
}
$ivy-forest-green: #2C3B2D; $ivy-forest-green-50: #f8faf8; $ivy-forest-green-100: #eff3ef; $ivy-forest-green-200: #dde4de; $ivy-forest-green-300: #c6d0c6; $ivy-forest-green-400: #a7b5a8; $ivy-forest-green-500: #2C3B2D; $ivy-forest-green-600: #5f6f61; $ivy-forest-green-700: #404d41; $ivy-forest-green-800: #232d24; $ivy-forest-green-900: #0d130d; $ivy-forest-green-950: #010201; $warm-brown: #3B2F2F; $warm-brown-50: #fbf9f9; $warm-brown-100: #f3f0f0; $warm-brown-200: #e4dfdf; $warm-brown-300: #d1c8c8; $warm-brown-400: #b5aaaa; $warm-brown-500: #3B2F2F; $warm-brown-600: #6f6363; $warm-brown-700: #4e4444; $warm-brown-800: #2e2626; $warm-brown-900: #140f0f; $warm-brown-950: #020202; $antique-gold: #B08D57; $antique-gold-50: #fffcf8; $antique-gold-100: #fdf9f1; $antique-gold-200: #f9f2e4; $antique-gold-300: #f4e8d3; $antique-gold-400: #ebdbbd; $antique-gold-500: #B08D57; $antique-gold-600: #b8a582; $antique-gold-700: #837355; $antique-gold-800: #51452e; $antique-gold-900: #282011; $antique-gold-950: #070502; $muted-sage: #5A6B4F; $muted-sage-50: #fafcf9; $muted-sage-100: #f4f7f2; $muted-sage-200: #e8ede5; $muted-sage-300: #d9e0d3; $muted-sage-400: #c4cebc; $muted-sage-500: #5A6B4F; $muted-sage-600: #86927d; $muted-sage-700: #5c6655; $muted-sage-800: #363e31; $muted-sage-900: #171c14; $muted-sage-950: #030402; $cream: #E8E0CF; $cream-50: #fffefd; $cream-100: #fefefc; $cream-200: #fdfcf9; $cream-300: #fcfaf5; $cream-400: #f9f6f0; $cream-500: #E8E0CF; $cream-600: #cfcbc4; $cream-700: #928f89; $cream-800: #5a5853; $cream-900: #2c2b27; $cream-950: #080807;
colors: {
'ivy-forest-green': {
50: '#f8faf8',
100: '#eff3ef',
200: '#dde4de',
300: '#c6d0c6',
400: '#a7b5a8',
500: '#2C3B2D',
600: '#5f6f61',
700: '#404d41',
800: '#232d24',
900: '#0d130d',
950: '#010201',
DEFAULT: '#2C3B2D',
},
'warm-brown': {
50: '#fbf9f9',
100: '#f3f0f0',
200: '#e4dfdf',
300: '#d1c8c8',
400: '#b5aaaa',
500: '#3B2F2F',
600: '#6f6363',
700: '#4e4444',
800: '#2e2626',
900: '#140f0f',
950: '#020202',
DEFAULT: '#3B2F2F',
},
'antique-gold': {
50: '#fffcf8',
100: '#fdf9f1',
200: '#f9f2e4',
300: '#f4e8d3',
400: '#ebdbbd',
500: '#B08D57',
600: '#b8a582',
700: '#837355',
800: '#51452e',
900: '#282011',
950: '#070502',
DEFAULT: '#B08D57',
},
'muted-sage': {
50: '#fafcf9',
100: '#f4f7f2',
200: '#e8ede5',
300: '#d9e0d3',
400: '#c4cebc',
500: '#5A6B4F',
600: '#86927d',
700: '#5c6655',
800: '#363e31',
900: '#171c14',
950: '#030402',
DEFAULT: '#5A6B4F',
},
'cream': {
50: '#fffefd',
100: '#fefefc',
200: '#fdfcf9',
300: '#fcfaf5',
400: '#f9f6f0',
500: '#E8E0CF',
600: '#cfcbc4',
700: '#928f89',
800: '#5a5853',
900: '#2c2b27',
950: '#080807',
DEFAULT: '#E8E0CF',
},
},
[
{
"name": "ivy-forest-green",
"harmony": "Palette",
"hex": "#2C3B2D",
"rgb": {
"r": 44,
"g": 59,
"b": 45
},
"hsl": {
"h": 124,
"s": 15,
"l": 20
},
"value": "#2C3B2D",
"tonalScale": {
"50": {
"hex": "#f8faf8",
"rgb": {
"r": 248,
"g": 250,
"b": 248
}
},
"100": {
"hex": "#eff3ef",
"rgb": {
"r": 239,
"g": 243,
"b": 239
}
},
"200": {
"hex": "#dde4de",
"rgb": {
"r": 221,
"g": 228,
"b": 222
}
},
"300": {
"hex": "#c6d0c6",
"rgb": {
"r": 198,
"g": 208,
"b": 198
}
},
"400": {
"hex": "#a7b5a8",
"rgb": {
"r": 167,
"g": 181,
"b": 168
}
},
"500": {
"hex": "#2C3B2D",
"rgb": {
"r": 44,
"g": 59,
"b": 45
}
},
"600": {
"hex": "#5f6f61",
"rgb": {
"r": 95,
"g": 111,
"b": 97
}
},
"700": {
"hex": "#404d41",
"rgb": {
"r": 64,
"g": 77,
"b": 65
}
},
"800": {
"hex": "#232d24",
"rgb": {
"r": 35,
"g": 45,
"b": 36
}
},
"900": {
"hex": "#0d130d",
"rgb": {
"r": 13,
"g": 19,
"b": 13
}
},
"950": {
"hex": "#010201",
"rgb": {
"r": 1,
"g": 2,
"b": 1
}
}
}
},
{
"name": "warm-brown",
"harmony": "Palette",
"hex": "#3B2F2F",
"rgb": {
"r": 59,
"g": 47,
"b": 47
},
"hsl": {
"h": 0,
"s": 11,
"l": 21
},
"value": "#3B2F2F",
"tonalScale": {
"50": {
"hex": "#fbf9f9",
"rgb": {
"r": 251,
"g": 249,
"b": 249
}
},
"100": {
"hex": "#f3f0f0",
"rgb": {
"r": 243,
"g": 240,
"b": 240
}
},
"200": {
"hex": "#e4dfdf",
"rgb": {
"r": 228,
"g": 223,
"b": 223
}
},
"300": {
"hex": "#d1c8c8",
"rgb": {
"r": 209,
"g": 200,
"b": 200
}
},
"400": {
"hex": "#b5aaaa",
"rgb": {
"r": 181,
"g": 170,
"b": 170
}
},
"500": {
"hex": "#3B2F2F",
"rgb": {
"r": 59,
"g": 47,
"b": 47
}
},
"600": {
"hex": "#6f6363",
"rgb": {
"r": 111,
"g": 99,
"b": 99
}
},
"700": {
"hex": "#4e4444",
"rgb": {
"r": 78,
"g": 68,
"b": 68
}
},
"800": {
"hex": "#2e2626",
"rgb": {
"r": 46,
"g": 38,
"b": 38
}
},
"900": {
"hex": "#140f0f",
"rgb": {
"r": 20,
"g": 15,
"b": 15
}
},
"950": {
"hex": "#020202",
"rgb": {
"r": 2,
"g": 2,
"b": 2
}
}
}
},
{
"name": "antique-gold",
"harmony": "Palette",
"hex": "#B08D57",
"rgb": {
"r": 176,
"g": 141,
"b": 87
},
"hsl": {
"h": 36,
"s": 36,
"l": 52
},
"value": "#B08D57",
"tonalScale": {
"50": {
"hex": "#fffcf8",
"rgb": {
"r": 255,
"g": 252,
"b": 248
}
},
"100": {
"hex": "#fdf9f1",
"rgb": {
"r": 253,
"g": 249,
"b": 241
}
},
"200": {
"hex": "#f9f2e4",
"rgb": {
"r": 249,
"g": 242,
"b": 228
}
},
"300": {
"hex": "#f4e8d3",
"rgb": {
"r": 244,
"g": 232,
"b": 211
}
},
"400": {
"hex": "#ebdbbd",
"rgb": {
"r": 235,
"g": 219,
"b": 189
}
},
"500": {
"hex": "#B08D57",
"rgb": {
"r": 176,
"g": 141,
"b": 87
}
},
"600": {
"hex": "#b8a582",
"rgb": {
"r": 184,
"g": 165,
"b": 130
}
},
"700": {
"hex": "#837355",
"rgb": {
"r": 131,
"g": 115,
"b": 85
}
},
"800": {
"hex": "#51452e",
"rgb": {
"r": 81,
"g": 69,
"b": 46
}
},
"900": {
"hex": "#282011",
"rgb": {
"r": 40,
"g": 32,
"b": 17
}
},
"950": {
"hex": "#070502",
"rgb": {
"r": 7,
"g": 5,
"b": 2
}
}
}
},
{
"name": "muted-sage",
"harmony": "Palette",
"hex": "#5A6B4F",
"rgb": {
"r": 90,
"g": 107,
"b": 79
},
"hsl": {
"h": 96,
"s": 15,
"l": 36
},
"value": "#5A6B4F",
"tonalScale": {
"50": {
"hex": "#fafcf9",
"rgb": {
"r": 250,
"g": 252,
"b": 249
}
},
"100": {
"hex": "#f4f7f2",
"rgb": {
"r": 244,
"g": 247,
"b": 242
}
},
"200": {
"hex": "#e8ede5",
"rgb": {
"r": 232,
"g": 237,
"b": 229
}
},
"300": {
"hex": "#d9e0d3",
"rgb": {
"r": 217,
"g": 224,
"b": 211
}
},
"400": {
"hex": "#c4cebc",
"rgb": {
"r": 196,
"g": 206,
"b": 188
}
},
"500": {
"hex": "#5A6B4F",
"rgb": {
"r": 90,
"g": 107,
"b": 79
}
},
"600": {
"hex": "#86927d",
"rgb": {
"r": 134,
"g": 146,
"b": 125
}
},
"700": {
"hex": "#5c6655",
"rgb": {
"r": 92,
"g": 102,
"b": 85
}
},
"800": {
"hex": "#363e31",
"rgb": {
"r": 54,
"g": 62,
"b": 49
}
},
"900": {
"hex": "#171c14",
"rgb": {
"r": 23,
"g": 28,
"b": 20
}
},
"950": {
"hex": "#030402",
"rgb": {
"r": 3,
"g": 4,
"b": 2
}
}
}
},
{
"name": "cream",
"harmony": "Palette",
"hex": "#E8E0CF",
"rgb": {
"r": 232,
"g": 224,
"b": 207
},
"hsl": {
"h": 41,
"s": 35,
"l": 86
},
"value": "#E8E0CF",
"tonalScale": {
"50": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#fefefc",
"rgb": {
"r": 254,
"g": 254,
"b": 252
}
},
"200": {
"hex": "#fdfcf9",
"rgb": {
"r": 253,
"g": 252,
"b": 249
}
},
"300": {
"hex": "#fcfaf5",
"rgb": {
"r": 252,
"g": 250,
"b": 245
}
},
"400": {
"hex": "#f9f6f0",
"rgb": {
"r": 249,
"g": 246,
"b": 240
}
},
"500": {
"hex": "#E8E0CF",
"rgb": {
"r": 232,
"g": 224,
"b": 207
}
},
"600": {
"hex": "#cfcbc4",
"rgb": {
"r": 207,
"g": 203,
"b": 196
}
},
"700": {
"hex": "#928f89",
"rgb": {
"r": 146,
"g": 143,
"b": 137
}
},
"800": {
"hex": "#5a5853",
"rgb": {
"r": 90,
"g": 88,
"b": 83
}
},
"900": {
"hex": "#2c2b27",
"rgb": {
"r": 44,
"g": 43,
"b": 39
}
},
"950": {
"hex": "#080807",
"rgb": {
"r": 8,
"g": 8,
"b": 7
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 ivy-forest-green,Palette,#2C3B2D,"rgb(44, 59, 45)","hsl(124, 15%, 20%)",#2C3B2D,#f8faf8,#eff3ef,#dde4de,#c6d0c6,#a7b5a8,#2C3B2D,#5f6f61,#404d41,#232d24,#0d130d,#010201 warm-brown,Palette,#3B2F2F,"rgb(59, 47, 47)","hsl(0, 11%, 21%)",#3B2F2F,#fbf9f9,#f3f0f0,#e4dfdf,#d1c8c8,#b5aaaa,#3B2F2F,#6f6363,#4e4444,#2e2626,#140f0f,#020202 antique-gold,Palette,#B08D57,"rgb(176, 141, 87)","hsl(36, 36%, 52%)",#B08D57,#fffcf8,#fdf9f1,#f9f2e4,#f4e8d3,#ebdbbd,#B08D57,#b8a582,#837355,#51452e,#282011,#070502 muted-sage,Palette,#5A6B4F,"rgb(90, 107, 79)","hsl(96, 15%, 36%)",#5A6B4F,#fafcf9,#f4f7f2,#e8ede5,#d9e0d3,#c4cebc,#5A6B4F,#86927d,#5c6655,#363e31,#171c14,#030402 cream,Palette,#E8E0CF,"rgb(232, 224, 207)","hsl(41, 35%, 86%)",#E8E0CF,#fffefd,#fefefc,#fdfcf9,#fcfaf5,#f9f6f0,#E8E0CF,#cfcbc4,#928f89,#5a5853,#2c2b27,#080807
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 44 59 45 ivy-forest-green 248 250 248 ivy-forest-green-50 239 243 239 ivy-forest-green-100 221 228 222 ivy-forest-green-200 198 208 198 ivy-forest-green-300 167 181 168 ivy-forest-green-400 44 59 45 ivy-forest-green-500 95 111 97 ivy-forest-green-600 64 77 65 ivy-forest-green-700 35 45 36 ivy-forest-green-800 13 19 13 ivy-forest-green-900 1 2 1 ivy-forest-green-950 59 47 47 warm-brown 251 249 249 warm-brown-50 243 240 240 warm-brown-100 228 223 223 warm-brown-200 209 200 200 warm-brown-300 181 170 170 warm-brown-400 59 47 47 warm-brown-500 111 99 99 warm-brown-600 78 68 68 warm-brown-700 46 38 38 warm-brown-800 20 15 15 warm-brown-900 2 2 2 warm-brown-950 176 141 87 antique-gold 255 252 248 antique-gold-50 253 249 241 antique-gold-100 249 242 228 antique-gold-200 244 232 211 antique-gold-300 235 219 189 antique-gold-400 176 141 87 antique-gold-500 184 165 130 antique-gold-600 131 115 85 antique-gold-700 81 69 46 antique-gold-800 40 32 17 antique-gold-900 7 5 2 antique-gold-950 90 107 79 muted-sage 250 252 249 muted-sage-50 244 247 242 muted-sage-100 232 237 229 muted-sage-200 217 224 211 muted-sage-300 196 206 188 muted-sage-400 90 107 79 muted-sage-500 134 146 125 muted-sage-600 92 102 85 muted-sage-700 54 62 49 muted-sage-800 23 28 20 muted-sage-900 3 4 2 muted-sage-950 232 224 207 cream 255 254 253 cream-50 254 254 252 cream-100 253 252 249 cream-200 252 250 245 cream-300 249 246 240 cream-400 232 224 207 cream-500 207 203 196 cream-600 146 143 137 cream-700 90 88 83 cream-800 44 43 39 cream-900 8 8 7 cream-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.