← Back to Tools
Calculate elite vintage aesthetics with our old money aesthetic color palette builder featuring rich hunter greens, cream linens, and deep navy tones.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--dark-green: #355E3B;
--dark-green-50: #f8fcf8;
--dark-green-100: #eff7f0;
--dark-green-200: #deece0;
--dark-green-300: #c8decb;
--dark-green-400: #abcab0;
--dark-green-500: #355E3B;
--dark-green-600: #678a6d;
--dark-green-700: #446149;
--dark-green-800: #243b28;
--dark-green-900: #0c1b0f;
--dark-green-950: #010402;
--dark-green: #2D4A2D;
--dark-green-50: #f7fbf7;
--dark-green-100: #eef5ee;
--dark-green-200: #dde8dc;
--dark-green-300: #c5d7c5;
--dark-green-400: #a6bfa6;
--dark-green-500: #2D4A2D;
--dark-green-600: #607c60;
--dark-green-700: #3f573f;
--dark-green-800: #223422;
--dark-green-900: #0b170c;
--dark-green-950: #010301;
--very-pale-orange: #F5F0E6;
--very-pale-orange-50: #fffffe;
--very-pale-orange-100: #fffefd;
--very-pale-orange-200: #fefefc;
--very-pale-orange-300: #fefcfa;
--very-pale-orange-400: #fdfbf7;
--very-pale-orange-500: #F5F0E6;
--very-pale-orange-600: #d4d2cd;
--very-pale-orange-700: #969490;
--very-pale-orange-800: #5c5b58;
--very-pale-orange-900: #2d2c2a;
--very-pale-orange-950: #090808;
--dark-blue: #1B2838;
--dark-blue-50: #f7f9fc;
--dark-blue-100: #ecf0f4;
--dark-blue-200: #d7dee5;
--dark-blue-300: #bbc6d2;
--dark-blue-400: #97a6b6;
--dark-blue-500: #1B2838;
--dark-blue-600: #4b5c6d;
--dark-blue-700: #303f4d;
--dark-blue-800: #19242f;
--dark-blue-900: #070e15;
--dark-blue-950: #010103;
--orange: #C9B896;
--orange-50: #fffefb;
--orange-100: #fdfcf8;
--orange-200: #faf7f1;
--orange-300: #f7f2e7;
--orange-400: #f1eadb;
--orange-500: #C9B896;
--orange-600: #c2baa8;
--orange-700: #8a8374;
--orange-800: #555044;
--orange-900: #29261f;
--orange-950: #080604;
}
$dark-green: #355E3B; $dark-green-50: #f8fcf8; $dark-green-100: #eff7f0; $dark-green-200: #deece0; $dark-green-300: #c8decb; $dark-green-400: #abcab0; $dark-green-500: #355E3B; $dark-green-600: #678a6d; $dark-green-700: #446149; $dark-green-800: #243b28; $dark-green-900: #0c1b0f; $dark-green-950: #010402; $dark-green: #2D4A2D; $dark-green-50: #f7fbf7; $dark-green-100: #eef5ee; $dark-green-200: #dde8dc; $dark-green-300: #c5d7c5; $dark-green-400: #a6bfa6; $dark-green-500: #2D4A2D; $dark-green-600: #607c60; $dark-green-700: #3f573f; $dark-green-800: #223422; $dark-green-900: #0b170c; $dark-green-950: #010301; $very-pale-orange: #F5F0E6; $very-pale-orange-50: #fffffe; $very-pale-orange-100: #fffefd; $very-pale-orange-200: #fefefc; $very-pale-orange-300: #fefcfa; $very-pale-orange-400: #fdfbf7; $very-pale-orange-500: #F5F0E6; $very-pale-orange-600: #d4d2cd; $very-pale-orange-700: #969490; $very-pale-orange-800: #5c5b58; $very-pale-orange-900: #2d2c2a; $very-pale-orange-950: #090808; $dark-blue: #1B2838; $dark-blue-50: #f7f9fc; $dark-blue-100: #ecf0f4; $dark-blue-200: #d7dee5; $dark-blue-300: #bbc6d2; $dark-blue-400: #97a6b6; $dark-blue-500: #1B2838; $dark-blue-600: #4b5c6d; $dark-blue-700: #303f4d; $dark-blue-800: #19242f; $dark-blue-900: #070e15; $dark-blue-950: #010103; $orange: #C9B896; $orange-50: #fffefb; $orange-100: #fdfcf8; $orange-200: #faf7f1; $orange-300: #f7f2e7; $orange-400: #f1eadb; $orange-500: #C9B896; $orange-600: #c2baa8; $orange-700: #8a8374; $orange-800: #555044; $orange-900: #29261f; $orange-950: #080604;
colors: {
'dark-green': {
50: '#f8fcf8',
100: '#eff7f0',
200: '#deece0',
300: '#c8decb',
400: '#abcab0',
500: '#355E3B',
600: '#678a6d',
700: '#446149',
800: '#243b28',
900: '#0c1b0f',
950: '#010402',
DEFAULT: '#355E3B',
},
'dark-green': {
50: '#f7fbf7',
100: '#eef5ee',
200: '#dde8dc',
300: '#c5d7c5',
400: '#a6bfa6',
500: '#2D4A2D',
600: '#607c60',
700: '#3f573f',
800: '#223422',
900: '#0b170c',
950: '#010301',
DEFAULT: '#2D4A2D',
},
'very-pale-orange': {
50: '#fffffe',
100: '#fffefd',
200: '#fefefc',
300: '#fefcfa',
400: '#fdfbf7',
500: '#F5F0E6',
600: '#d4d2cd',
700: '#969490',
800: '#5c5b58',
900: '#2d2c2a',
950: '#090808',
DEFAULT: '#F5F0E6',
},
'dark-blue': {
50: '#f7f9fc',
100: '#ecf0f4',
200: '#d7dee5',
300: '#bbc6d2',
400: '#97a6b6',
500: '#1B2838',
600: '#4b5c6d',
700: '#303f4d',
800: '#19242f',
900: '#070e15',
950: '#010103',
DEFAULT: '#1B2838',
},
'orange': {
50: '#fffefb',
100: '#fdfcf8',
200: '#faf7f1',
300: '#f7f2e7',
400: '#f1eadb',
500: '#C9B896',
600: '#c2baa8',
700: '#8a8374',
800: '#555044',
900: '#29261f',
950: '#080604',
DEFAULT: '#C9B896',
},
},
[
{
"name": "dark-green",
"harmony": "Palette",
"hex": "#355E3B",
"rgb": {
"r": 53,
"g": 94,
"b": 59
},
"hsl": {
"h": 129,
"s": 28,
"l": 29
},
"value": "#355E3B",
"tonalScale": {
"50": {
"hex": "#f8fcf8",
"rgb": {
"r": 248,
"g": 252,
"b": 248
}
},
"100": {
"hex": "#eff7f0",
"rgb": {
"r": 239,
"g": 247,
"b": 240
}
},
"200": {
"hex": "#deece0",
"rgb": {
"r": 222,
"g": 236,
"b": 224
}
},
"300": {
"hex": "#c8decb",
"rgb": {
"r": 200,
"g": 222,
"b": 203
}
},
"400": {
"hex": "#abcab0",
"rgb": {
"r": 171,
"g": 202,
"b": 176
}
},
"500": {
"hex": "#355E3B",
"rgb": {
"r": 53,
"g": 94,
"b": 59
}
},
"600": {
"hex": "#678a6d",
"rgb": {
"r": 103,
"g": 138,
"b": 109
}
},
"700": {
"hex": "#446149",
"rgb": {
"r": 68,
"g": 97,
"b": 73
}
},
"800": {
"hex": "#243b28",
"rgb": {
"r": 36,
"g": 59,
"b": 40
}
},
"900": {
"hex": "#0c1b0f",
"rgb": {
"r": 12,
"g": 27,
"b": 15
}
},
"950": {
"hex": "#010402",
"rgb": {
"r": 1,
"g": 4,
"b": 2
}
}
}
},
{
"name": "dark-green",
"harmony": "Palette",
"hex": "#2D4A2D",
"rgb": {
"r": 45,
"g": 74,
"b": 45
},
"hsl": {
"h": 120,
"s": 24,
"l": 23
},
"value": "#2D4A2D",
"tonalScale": {
"50": {
"hex": "#f7fbf7",
"rgb": {
"r": 247,
"g": 251,
"b": 247
}
},
"100": {
"hex": "#eef5ee",
"rgb": {
"r": 238,
"g": 245,
"b": 238
}
},
"200": {
"hex": "#dde8dc",
"rgb": {
"r": 221,
"g": 232,
"b": 220
}
},
"300": {
"hex": "#c5d7c5",
"rgb": {
"r": 197,
"g": 215,
"b": 197
}
},
"400": {
"hex": "#a6bfa6",
"rgb": {
"r": 166,
"g": 191,
"b": 166
}
},
"500": {
"hex": "#2D4A2D",
"rgb": {
"r": 45,
"g": 74,
"b": 45
}
},
"600": {
"hex": "#607c60",
"rgb": {
"r": 96,
"g": 124,
"b": 96
}
},
"700": {
"hex": "#3f573f",
"rgb": {
"r": 63,
"g": 87,
"b": 63
}
},
"800": {
"hex": "#223422",
"rgb": {
"r": 34,
"g": 52,
"b": 34
}
},
"900": {
"hex": "#0b170c",
"rgb": {
"r": 11,
"g": 23,
"b": 12
}
},
"950": {
"hex": "#010301",
"rgb": {
"r": 1,
"g": 3,
"b": 1
}
}
}
},
{
"name": "very-pale-orange",
"harmony": "Palette",
"hex": "#F5F0E6",
"rgb": {
"r": 245,
"g": 240,
"b": 230
},
"hsl": {
"h": 40,
"s": 43,
"l": 93
},
"value": "#F5F0E6",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fefefc",
"rgb": {
"r": 254,
"g": 254,
"b": 252
}
},
"300": {
"hex": "#fefcfa",
"rgb": {
"r": 254,
"g": 252,
"b": 250
}
},
"400": {
"hex": "#fdfbf7",
"rgb": {
"r": 253,
"g": 251,
"b": 247
}
},
"500": {
"hex": "#F5F0E6",
"rgb": {
"r": 245,
"g": 240,
"b": 230
}
},
"600": {
"hex": "#d4d2cd",
"rgb": {
"r": 212,
"g": 210,
"b": 205
}
},
"700": {
"hex": "#969490",
"rgb": {
"r": 150,
"g": 148,
"b": 144
}
},
"800": {
"hex": "#5c5b58",
"rgb": {
"r": 92,
"g": 91,
"b": 88
}
},
"900": {
"hex": "#2d2c2a",
"rgb": {
"r": 45,
"g": 44,
"b": 42
}
},
"950": {
"hex": "#090808",
"rgb": {
"r": 9,
"g": 8,
"b": 8
}
}
}
},
{
"name": "dark-blue",
"harmony": "Palette",
"hex": "#1B2838",
"rgb": {
"r": 27,
"g": 40,
"b": 56
},
"hsl": {
"h": 213,
"s": 35,
"l": 16
},
"value": "#1B2838",
"tonalScale": {
"50": {
"hex": "#f7f9fc",
"rgb": {
"r": 247,
"g": 249,
"b": 252
}
},
"100": {
"hex": "#ecf0f4",
"rgb": {
"r": 236,
"g": 240,
"b": 244
}
},
"200": {
"hex": "#d7dee5",
"rgb": {
"r": 215,
"g": 222,
"b": 229
}
},
"300": {
"hex": "#bbc6d2",
"rgb": {
"r": 187,
"g": 198,
"b": 210
}
},
"400": {
"hex": "#97a6b6",
"rgb": {
"r": 151,
"g": 166,
"b": 182
}
},
"500": {
"hex": "#1B2838",
"rgb": {
"r": 27,
"g": 40,
"b": 56
}
},
"600": {
"hex": "#4b5c6d",
"rgb": {
"r": 75,
"g": 92,
"b": 109
}
},
"700": {
"hex": "#303f4d",
"rgb": {
"r": 48,
"g": 63,
"b": 77
}
},
"800": {
"hex": "#19242f",
"rgb": {
"r": 25,
"g": 36,
"b": 47
}
},
"900": {
"hex": "#070e15",
"rgb": {
"r": 7,
"g": 14,
"b": 21
}
},
"950": {
"hex": "#010103",
"rgb": {
"r": 1,
"g": 1,
"b": 3
}
}
}
},
{
"name": "orange",
"harmony": "Palette",
"hex": "#C9B896",
"rgb": {
"r": 201,
"g": 184,
"b": 150
},
"hsl": {
"h": 40,
"s": 32,
"l": 69
},
"value": "#C9B896",
"tonalScale": {
"50": {
"hex": "#fffefb",
"rgb": {
"r": 255,
"g": 254,
"b": 251
}
},
"100": {
"hex": "#fdfcf8",
"rgb": {
"r": 253,
"g": 252,
"b": 248
}
},
"200": {
"hex": "#faf7f1",
"rgb": {
"r": 250,
"g": 247,
"b": 241
}
},
"300": {
"hex": "#f7f2e7",
"rgb": {
"r": 247,
"g": 242,
"b": 231
}
},
"400": {
"hex": "#f1eadb",
"rgb": {
"r": 241,
"g": 234,
"b": 219
}
},
"500": {
"hex": "#C9B896",
"rgb": {
"r": 201,
"g": 184,
"b": 150
}
},
"600": {
"hex": "#c2baa8",
"rgb": {
"r": 194,
"g": 186,
"b": 168
}
},
"700": {
"hex": "#8a8374",
"rgb": {
"r": 138,
"g": 131,
"b": 116
}
},
"800": {
"hex": "#555044",
"rgb": {
"r": 85,
"g": 80,
"b": 68
}
},
"900": {
"hex": "#29261f",
"rgb": {
"r": 41,
"g": 38,
"b": 31
}
},
"950": {
"hex": "#080604",
"rgb": {
"r": 8,
"g": 6,
"b": 4
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 dark-green,Palette,#355E3B,"rgb(53, 94, 59)","hsl(129, 28%, 29%)",#355E3B,#f8fcf8,#eff7f0,#deece0,#c8decb,#abcab0,#355E3B,#678a6d,#446149,#243b28,#0c1b0f,#010402 dark-green,Palette,#2D4A2D,"rgb(45, 74, 45)","hsl(120, 24%, 23%)",#2D4A2D,#f7fbf7,#eef5ee,#dde8dc,#c5d7c5,#a6bfa6,#2D4A2D,#607c60,#3f573f,#223422,#0b170c,#010301 very-pale-orange,Palette,#F5F0E6,"rgb(245, 240, 230)","hsl(40, 43%, 93%)",#F5F0E6,#fffffe,#fffefd,#fefefc,#fefcfa,#fdfbf7,#F5F0E6,#d4d2cd,#969490,#5c5b58,#2d2c2a,#090808 dark-blue,Palette,#1B2838,"rgb(27, 40, 56)","hsl(213, 35%, 16%)",#1B2838,#f7f9fc,#ecf0f4,#d7dee5,#bbc6d2,#97a6b6,#1B2838,#4b5c6d,#303f4d,#19242f,#070e15,#010103 orange,Palette,#C9B896,"rgb(201, 184, 150)","hsl(40, 32%, 69%)",#C9B896,#fffefb,#fdfcf8,#faf7f1,#f7f2e7,#f1eadb,#C9B896,#c2baa8,#8a8374,#555044,#29261f,#080604
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 53 94 59 dark-green 248 252 248 dark-green-50 239 247 240 dark-green-100 222 236 224 dark-green-200 200 222 203 dark-green-300 171 202 176 dark-green-400 53 94 59 dark-green-500 103 138 109 dark-green-600 68 97 73 dark-green-700 36 59 40 dark-green-800 12 27 15 dark-green-900 1 4 2 dark-green-950 45 74 45 dark-green 247 251 247 dark-green-50 238 245 238 dark-green-100 221 232 220 dark-green-200 197 215 197 dark-green-300 166 191 166 dark-green-400 45 74 45 dark-green-500 96 124 96 dark-green-600 63 87 63 dark-green-700 34 52 34 dark-green-800 11 23 12 dark-green-900 1 3 1 dark-green-950 245 240 230 very-pale-orange 255 255 254 very-pale-orange-50 255 254 253 very-pale-orange-100 254 254 252 very-pale-orange-200 254 252 250 very-pale-orange-300 253 251 247 very-pale-orange-400 245 240 230 very-pale-orange-500 212 210 205 very-pale-orange-600 150 148 144 very-pale-orange-700 92 91 88 very-pale-orange-800 45 44 42 very-pale-orange-900 9 8 8 very-pale-orange-950 27 40 56 dark-blue 247 249 252 dark-blue-50 236 240 244 dark-blue-100 215 222 229 dark-blue-200 187 198 210 dark-blue-300 151 166 182 dark-blue-400 27 40 56 dark-blue-500 75 92 109 dark-blue-600 48 63 77 dark-blue-700 25 36 47 dark-blue-800 7 14 21 dark-blue-900 1 1 3 dark-blue-950 201 184 150 orange 255 254 251 orange-50 253 252 248 orange-100 250 247 241 orange-200 247 242 231 orange-300 241 234 219 orange-400 201 184 150 orange-500 194 186 168 orange-600 138 131 116 orange-700 85 80 68 orange-800 41 38 31 orange-900 8 6 4 orange-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.