← Back to Tools
Create luxury fashion and travel brand designs with this camel and navy palette featuring #C19A6B camel, #1B2838 deep navy, #967117 golden brown, and #2C3E50 midnight blue.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--camel: #C19A6B;
--camel-50: #fffdf9;
--camel-100: #fefaf3;
--camel-200: #fbf3e8;
--camel-300: #f7ebda;
--camel-400: #f1e0c8;
--camel-500: #C19A6B;
--camel-600: #bfac8f;
--camel-700: #897860;
--camel-800: #554836;
--camel-900: #2a2216;
--camel-950: #080503;
--deep-navy: #1B2838;
--deep-navy-50: #f7f9fc;
--deep-navy-100: #ecf0f4;
--deep-navy-200: #d7dee5;
--deep-navy-300: #bbc6d2;
--deep-navy-400: #97a6b6;
--deep-navy-500: #1B2838;
--deep-navy-600: #4b5c6d;
--deep-navy-700: #303f4d;
--deep-navy-800: #19242f;
--deep-navy-900: #070e15;
--deep-navy-950: #010103;
--golden-brown: #967117;
--golden-brown-50: #fffcf2;
--golden-brown-100: #fcf8e6;
--golden-brown-200: #f6eed0;
--golden-brown-300: #eee2b2;
--golden-brown-400: #e3d18b;
--golden-brown-500: #967117;
--golden-brown-600: #ab953d;
--golden-brown-700: #7b6815;
--golden-brown-800: #4c3e00;
--golden-brown-900: #251c00;
--golden-brown-950: #060400;
--midnight-blue: #2C3E50;
--midnight-blue-50: #f8fafd;
--midnight-blue-100: #eef3f7;
--midnight-blue-200: #dce4eb;
--midnight-blue-300: #c5d1db;
--midnight-blue-400: #a6b6c4;
--midnight-blue-500: #2C3E50;
--midnight-blue-600: #5f7181;
--midnight-blue-700: #3f4f5b;
--midnight-blue-800: #222e38;
--midnight-blue-900: #0c131a;
--midnight-blue-950: #010203;
}
$camel: #C19A6B; $camel-50: #fffdf9; $camel-100: #fefaf3; $camel-200: #fbf3e8; $camel-300: #f7ebda; $camel-400: #f1e0c8; $camel-500: #C19A6B; $camel-600: #bfac8f; $camel-700: #897860; $camel-800: #554836; $camel-900: #2a2216; $camel-950: #080503; $deep-navy: #1B2838; $deep-navy-50: #f7f9fc; $deep-navy-100: #ecf0f4; $deep-navy-200: #d7dee5; $deep-navy-300: #bbc6d2; $deep-navy-400: #97a6b6; $deep-navy-500: #1B2838; $deep-navy-600: #4b5c6d; $deep-navy-700: #303f4d; $deep-navy-800: #19242f; $deep-navy-900: #070e15; $deep-navy-950: #010103; $golden-brown: #967117; $golden-brown-50: #fffcf2; $golden-brown-100: #fcf8e6; $golden-brown-200: #f6eed0; $golden-brown-300: #eee2b2; $golden-brown-400: #e3d18b; $golden-brown-500: #967117; $golden-brown-600: #ab953d; $golden-brown-700: #7b6815; $golden-brown-800: #4c3e00; $golden-brown-900: #251c00; $golden-brown-950: #060400; $midnight-blue: #2C3E50; $midnight-blue-50: #f8fafd; $midnight-blue-100: #eef3f7; $midnight-blue-200: #dce4eb; $midnight-blue-300: #c5d1db; $midnight-blue-400: #a6b6c4; $midnight-blue-500: #2C3E50; $midnight-blue-600: #5f7181; $midnight-blue-700: #3f4f5b; $midnight-blue-800: #222e38; $midnight-blue-900: #0c131a; $midnight-blue-950: #010203;
colors: {
'camel': {
50: '#fffdf9',
100: '#fefaf3',
200: '#fbf3e8',
300: '#f7ebda',
400: '#f1e0c8',
500: '#C19A6B',
600: '#bfac8f',
700: '#897860',
800: '#554836',
900: '#2a2216',
950: '#080503',
DEFAULT: '#C19A6B',
},
'deep-navy': {
50: '#f7f9fc',
100: '#ecf0f4',
200: '#d7dee5',
300: '#bbc6d2',
400: '#97a6b6',
500: '#1B2838',
600: '#4b5c6d',
700: '#303f4d',
800: '#19242f',
900: '#070e15',
950: '#010103',
DEFAULT: '#1B2838',
},
'golden-brown': {
50: '#fffcf2',
100: '#fcf8e6',
200: '#f6eed0',
300: '#eee2b2',
400: '#e3d18b',
500: '#967117',
600: '#ab953d',
700: '#7b6815',
800: '#4c3e00',
900: '#251c00',
950: '#060400',
DEFAULT: '#967117',
},
'midnight-blue': {
50: '#f8fafd',
100: '#eef3f7',
200: '#dce4eb',
300: '#c5d1db',
400: '#a6b6c4',
500: '#2C3E50',
600: '#5f7181',
700: '#3f4f5b',
800: '#222e38',
900: '#0c131a',
950: '#010203',
DEFAULT: '#2C3E50',
},
},
[
{
"name": "camel",
"harmony": "Palette",
"hex": "#C19A6B",
"rgb": {
"r": 193,
"g": 154,
"b": 107
},
"hsl": {
"h": 33,
"s": 41,
"l": 59
},
"value": "#C19A6B",
"tonalScale": {
"50": {
"hex": "#fffdf9",
"rgb": {
"r": 255,
"g": 253,
"b": 249
}
},
"100": {
"hex": "#fefaf3",
"rgb": {
"r": 254,
"g": 250,
"b": 243
}
},
"200": {
"hex": "#fbf3e8",
"rgb": {
"r": 251,
"g": 243,
"b": 232
}
},
"300": {
"hex": "#f7ebda",
"rgb": {
"r": 247,
"g": 235,
"b": 218
}
},
"400": {
"hex": "#f1e0c8",
"rgb": {
"r": 241,
"g": 224,
"b": 200
}
},
"500": {
"hex": "#C19A6B",
"rgb": {
"r": 193,
"g": 154,
"b": 107
}
},
"600": {
"hex": "#bfac8f",
"rgb": {
"r": 191,
"g": 172,
"b": 143
}
},
"700": {
"hex": "#897860",
"rgb": {
"r": 137,
"g": 120,
"b": 96
}
},
"800": {
"hex": "#554836",
"rgb": {
"r": 85,
"g": 72,
"b": 54
}
},
"900": {
"hex": "#2a2216",
"rgb": {
"r": 42,
"g": 34,
"b": 22
}
},
"950": {
"hex": "#080503",
"rgb": {
"r": 8,
"g": 5,
"b": 3
}
}
}
},
{
"name": "deep-navy",
"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": "golden-brown",
"harmony": "Palette",
"hex": "#967117",
"rgb": {
"r": 150,
"g": 113,
"b": 23
},
"hsl": {
"h": 43,
"s": 73,
"l": 34
},
"value": "#967117",
"tonalScale": {
"50": {
"hex": "#fffcf2",
"rgb": {
"r": 255,
"g": 252,
"b": 242
}
},
"100": {
"hex": "#fcf8e6",
"rgb": {
"r": 252,
"g": 248,
"b": 230
}
},
"200": {
"hex": "#f6eed0",
"rgb": {
"r": 246,
"g": 238,
"b": 208
}
},
"300": {
"hex": "#eee2b2",
"rgb": {
"r": 238,
"g": 226,
"b": 178
}
},
"400": {
"hex": "#e3d18b",
"rgb": {
"r": 227,
"g": 209,
"b": 139
}
},
"500": {
"hex": "#967117",
"rgb": {
"r": 150,
"g": 113,
"b": 23
}
},
"600": {
"hex": "#ab953d",
"rgb": {
"r": 171,
"g": 149,
"b": 61
}
},
"700": {
"hex": "#7b6815",
"rgb": {
"r": 123,
"g": 104,
"b": 21
}
},
"800": {
"hex": "#4c3e00",
"rgb": {
"r": 76,
"g": 62,
"b": 0
}
},
"900": {
"hex": "#251c00",
"rgb": {
"r": 37,
"g": 28,
"b": 0
}
},
"950": {
"hex": "#060400",
"rgb": {
"r": 6,
"g": 4,
"b": 0
}
}
}
},
{
"name": "midnight-blue",
"harmony": "Palette",
"hex": "#2C3E50",
"rgb": {
"r": 44,
"g": 62,
"b": 80
},
"hsl": {
"h": 210,
"s": 29,
"l": 24
},
"value": "#2C3E50",
"tonalScale": {
"50": {
"hex": "#f8fafd",
"rgb": {
"r": 248,
"g": 250,
"b": 253
}
},
"100": {
"hex": "#eef3f7",
"rgb": {
"r": 238,
"g": 243,
"b": 247
}
},
"200": {
"hex": "#dce4eb",
"rgb": {
"r": 220,
"g": 228,
"b": 235
}
},
"300": {
"hex": "#c5d1db",
"rgb": {
"r": 197,
"g": 209,
"b": 219
}
},
"400": {
"hex": "#a6b6c4",
"rgb": {
"r": 166,
"g": 182,
"b": 196
}
},
"500": {
"hex": "#2C3E50",
"rgb": {
"r": 44,
"g": 62,
"b": 80
}
},
"600": {
"hex": "#5f7181",
"rgb": {
"r": 95,
"g": 113,
"b": 129
}
},
"700": {
"hex": "#3f4f5b",
"rgb": {
"r": 63,
"g": 79,
"b": 91
}
},
"800": {
"hex": "#222e38",
"rgb": {
"r": 34,
"g": 46,
"b": 56
}
},
"900": {
"hex": "#0c131a",
"rgb": {
"r": 12,
"g": 19,
"b": 26
}
},
"950": {
"hex": "#010203",
"rgb": {
"r": 1,
"g": 2,
"b": 3
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 camel,Palette,#C19A6B,"rgb(193, 154, 107)","hsl(33, 41%, 59%)",#C19A6B,#fffdf9,#fefaf3,#fbf3e8,#f7ebda,#f1e0c8,#C19A6B,#bfac8f,#897860,#554836,#2a2216,#080503 deep-navy,Palette,#1B2838,"rgb(27, 40, 56)","hsl(213, 35%, 16%)",#1B2838,#f7f9fc,#ecf0f4,#d7dee5,#bbc6d2,#97a6b6,#1B2838,#4b5c6d,#303f4d,#19242f,#070e15,#010103 golden-brown,Palette,#967117,"rgb(150, 113, 23)","hsl(43, 73%, 34%)",#967117,#fffcf2,#fcf8e6,#f6eed0,#eee2b2,#e3d18b,#967117,#ab953d,#7b6815,#4c3e00,#251c00,#060400 midnight-blue,Palette,#2C3E50,"rgb(44, 62, 80)","hsl(210, 29%, 24%)",#2C3E50,#f8fafd,#eef3f7,#dce4eb,#c5d1db,#a6b6c4,#2C3E50,#5f7181,#3f4f5b,#222e38,#0c131a,#010203
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 193 154 107 camel 255 253 249 camel-50 254 250 243 camel-100 251 243 232 camel-200 247 235 218 camel-300 241 224 200 camel-400 193 154 107 camel-500 191 172 143 camel-600 137 120 96 camel-700 85 72 54 camel-800 42 34 22 camel-900 8 5 3 camel-950 27 40 56 deep-navy 247 249 252 deep-navy-50 236 240 244 deep-navy-100 215 222 229 deep-navy-200 187 198 210 deep-navy-300 151 166 182 deep-navy-400 27 40 56 deep-navy-500 75 92 109 deep-navy-600 48 63 77 deep-navy-700 25 36 47 deep-navy-800 7 14 21 deep-navy-900 1 1 3 deep-navy-950 150 113 23 golden-brown 255 252 242 golden-brown-50 252 248 230 golden-brown-100 246 238 208 golden-brown-200 238 226 178 golden-brown-300 227 209 139 golden-brown-400 150 113 23 golden-brown-500 171 149 61 golden-brown-600 123 104 21 golden-brown-700 76 62 0 golden-brown-800 37 28 0 golden-brown-900 6 4 0 golden-brown-950 44 62 80 midnight-blue 248 250 253 midnight-blue-50 238 243 247 midnight-blue-100 220 228 235 midnight-blue-200 197 209 219 midnight-blue-300 166 182 196 midnight-blue-400 44 62 80 midnight-blue-500 95 113 129 midnight-blue-600 63 79 91 midnight-blue-700 34 46 56 midnight-blue-800 12 19 26 midnight-blue-900 1 2 3 midnight-blue-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.