← Back to Tools
Create earthy military and outdoor designs with this olive and terracotta palette featuring #808000 olive green, #C67B5C terracotta, #556B2F dark olive, and #8B4513 saddle brown.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--olive-green: #808000;
--olive-green-50: #fdfeee;
--olive-green-100: #f8fae0;
--olive-green-200: #f0f2c5;
--olive-green-300: #e5e8a0;
--olive-green-400: #d7d96e;
--olive-green-500: #808000;
--olive-green-600: #9f9e00;
--olive-green-700: #706f00;
--olive-green-800: #454300;
--olive-green-900: #211f00;
--olive-green-950: #050500;
--terracotta: #C67B5C;
--terracotta-50: #fffbf9;
--terracotta-100: #fff7f2;
--terracotta-200: #feeee6;
--terracotta-300: #fbe2d5;
--terracotta-400: #f5d3c1;
--terracotta-500: #C67B5C;
--terracotta-600: #c29a86;
--terracotta-700: #8c6b59;
--terracotta-800: #583f32;
--terracotta-900: #2c1c14;
--terracotta-950: #090402;
--dark-olive: #556B2F;
--dark-olive-50: #fafcf6;
--dark-olive-100: #f4f8ec;
--dark-olive-200: #e7eeda;
--dark-olive-300: #d7e1c3;
--dark-olive-400: #c1cfa4;
--dark-olive-500: #556B2F;
--dark-olive-600: #829260;
--dark-olive-700: #5a673c;
--dark-olive-800: #343e1d;
--dark-olive-900: #171d07;
--dark-olive-950: #030401;
--saddle-brown: #8B4513;
--saddle-brown-50: #fffaf2;
--saddle-brown-100: #fef3e6;
--saddle-brown-200: #f8e5cf;
--saddle-brown-300: #f1d2af;
--saddle-brown-400: #e3b987;
--saddle-brown-500: #8B4513;
--saddle-brown-600: #a77639;
--saddle-brown-700: #795018;
--saddle-brown-800: #4c2d00;
--saddle-brown-900: #261200;
--saddle-brown-950: #070200;
}
$olive-green: #808000; $olive-green-50: #fdfeee; $olive-green-100: #f8fae0; $olive-green-200: #f0f2c5; $olive-green-300: #e5e8a0; $olive-green-400: #d7d96e; $olive-green-500: #808000; $olive-green-600: #9f9e00; $olive-green-700: #706f00; $olive-green-800: #454300; $olive-green-900: #211f00; $olive-green-950: #050500; $terracotta: #C67B5C; $terracotta-50: #fffbf9; $terracotta-100: #fff7f2; $terracotta-200: #feeee6; $terracotta-300: #fbe2d5; $terracotta-400: #f5d3c1; $terracotta-500: #C67B5C; $terracotta-600: #c29a86; $terracotta-700: #8c6b59; $terracotta-800: #583f32; $terracotta-900: #2c1c14; $terracotta-950: #090402; $dark-olive: #556B2F; $dark-olive-50: #fafcf6; $dark-olive-100: #f4f8ec; $dark-olive-200: #e7eeda; $dark-olive-300: #d7e1c3; $dark-olive-400: #c1cfa4; $dark-olive-500: #556B2F; $dark-olive-600: #829260; $dark-olive-700: #5a673c; $dark-olive-800: #343e1d; $dark-olive-900: #171d07; $dark-olive-950: #030401; $saddle-brown: #8B4513; $saddle-brown-50: #fffaf2; $saddle-brown-100: #fef3e6; $saddle-brown-200: #f8e5cf; $saddle-brown-300: #f1d2af; $saddle-brown-400: #e3b987; $saddle-brown-500: #8B4513; $saddle-brown-600: #a77639; $saddle-brown-700: #795018; $saddle-brown-800: #4c2d00; $saddle-brown-900: #261200; $saddle-brown-950: #070200;
colors: {
'olive-green': {
50: '#fdfeee',
100: '#f8fae0',
200: '#f0f2c5',
300: '#e5e8a0',
400: '#d7d96e',
500: '#808000',
600: '#9f9e00',
700: '#706f00',
800: '#454300',
900: '#211f00',
950: '#050500',
DEFAULT: '#808000',
},
'terracotta': {
50: '#fffbf9',
100: '#fff7f2',
200: '#feeee6',
300: '#fbe2d5',
400: '#f5d3c1',
500: '#C67B5C',
600: '#c29a86',
700: '#8c6b59',
800: '#583f32',
900: '#2c1c14',
950: '#090402',
DEFAULT: '#C67B5C',
},
'dark-olive': {
50: '#fafcf6',
100: '#f4f8ec',
200: '#e7eeda',
300: '#d7e1c3',
400: '#c1cfa4',
500: '#556B2F',
600: '#829260',
700: '#5a673c',
800: '#343e1d',
900: '#171d07',
950: '#030401',
DEFAULT: '#556B2F',
},
'saddle-brown': {
50: '#fffaf2',
100: '#fef3e6',
200: '#f8e5cf',
300: '#f1d2af',
400: '#e3b987',
500: '#8B4513',
600: '#a77639',
700: '#795018',
800: '#4c2d00',
900: '#261200',
950: '#070200',
DEFAULT: '#8B4513',
},
},
[
{
"name": "olive-green",
"harmony": "Palette",
"hex": "#808000",
"rgb": {
"r": 128,
"g": 128,
"b": 0
},
"hsl": {
"h": 60,
"s": 100,
"l": 25
},
"value": "#808000",
"tonalScale": {
"50": {
"hex": "#fdfeee",
"rgb": {
"r": 253,
"g": 254,
"b": 238
}
},
"100": {
"hex": "#f8fae0",
"rgb": {
"r": 248,
"g": 250,
"b": 224
}
},
"200": {
"hex": "#f0f2c5",
"rgb": {
"r": 240,
"g": 242,
"b": 197
}
},
"300": {
"hex": "#e5e8a0",
"rgb": {
"r": 229,
"g": 232,
"b": 160
}
},
"400": {
"hex": "#d7d96e",
"rgb": {
"r": 215,
"g": 217,
"b": 110
}
},
"500": {
"hex": "#808000",
"rgb": {
"r": 128,
"g": 128,
"b": 0
}
},
"600": {
"hex": "#9f9e00",
"rgb": {
"r": 159,
"g": 158,
"b": 0
}
},
"700": {
"hex": "#706f00",
"rgb": {
"r": 112,
"g": 111,
"b": 0
}
},
"800": {
"hex": "#454300",
"rgb": {
"r": 69,
"g": 67,
"b": 0
}
},
"900": {
"hex": "#211f00",
"rgb": {
"r": 33,
"g": 31,
"b": 0
}
},
"950": {
"hex": "#050500",
"rgb": {
"r": 5,
"g": 5,
"b": 0
}
}
}
},
{
"name": "terracotta",
"harmony": "Palette",
"hex": "#C67B5C",
"rgb": {
"r": 198,
"g": 123,
"b": 92
},
"hsl": {
"h": 18,
"s": 48,
"l": 57
},
"value": "#C67B5C",
"tonalScale": {
"50": {
"hex": "#fffbf9",
"rgb": {
"r": 255,
"g": 251,
"b": 249
}
},
"100": {
"hex": "#fff7f2",
"rgb": {
"r": 255,
"g": 247,
"b": 242
}
},
"200": {
"hex": "#feeee6",
"rgb": {
"r": 254,
"g": 238,
"b": 230
}
},
"300": {
"hex": "#fbe2d5",
"rgb": {
"r": 251,
"g": 226,
"b": 213
}
},
"400": {
"hex": "#f5d3c1",
"rgb": {
"r": 245,
"g": 211,
"b": 193
}
},
"500": {
"hex": "#C67B5C",
"rgb": {
"r": 198,
"g": 123,
"b": 92
}
},
"600": {
"hex": "#c29a86",
"rgb": {
"r": 194,
"g": 154,
"b": 134
}
},
"700": {
"hex": "#8c6b59",
"rgb": {
"r": 140,
"g": 107,
"b": 89
}
},
"800": {
"hex": "#583f32",
"rgb": {
"r": 88,
"g": 63,
"b": 50
}
},
"900": {
"hex": "#2c1c14",
"rgb": {
"r": 44,
"g": 28,
"b": 20
}
},
"950": {
"hex": "#090402",
"rgb": {
"r": 9,
"g": 4,
"b": 2
}
}
}
},
{
"name": "dark-olive",
"harmony": "Palette",
"hex": "#556B2F",
"rgb": {
"r": 85,
"g": 107,
"b": 47
},
"hsl": {
"h": 82,
"s": 39,
"l": 30
},
"value": "#556B2F",
"tonalScale": {
"50": {
"hex": "#fafcf6",
"rgb": {
"r": 250,
"g": 252,
"b": 246
}
},
"100": {
"hex": "#f4f8ec",
"rgb": {
"r": 244,
"g": 248,
"b": 236
}
},
"200": {
"hex": "#e7eeda",
"rgb": {
"r": 231,
"g": 238,
"b": 218
}
},
"300": {
"hex": "#d7e1c3",
"rgb": {
"r": 215,
"g": 225,
"b": 195
}
},
"400": {
"hex": "#c1cfa4",
"rgb": {
"r": 193,
"g": 207,
"b": 164
}
},
"500": {
"hex": "#556B2F",
"rgb": {
"r": 85,
"g": 107,
"b": 47
}
},
"600": {
"hex": "#829260",
"rgb": {
"r": 130,
"g": 146,
"b": 96
}
},
"700": {
"hex": "#5a673c",
"rgb": {
"r": 90,
"g": 103,
"b": 60
}
},
"800": {
"hex": "#343e1d",
"rgb": {
"r": 52,
"g": 62,
"b": 29
}
},
"900": {
"hex": "#171d07",
"rgb": {
"r": 23,
"g": 29,
"b": 7
}
},
"950": {
"hex": "#030401",
"rgb": {
"r": 3,
"g": 4,
"b": 1
}
}
}
},
{
"name": "saddle-brown",
"harmony": "Palette",
"hex": "#8B4513",
"rgb": {
"r": 139,
"g": 69,
"b": 19
},
"hsl": {
"h": 25,
"s": 76,
"l": 31
},
"value": "#8B4513",
"tonalScale": {
"50": {
"hex": "#fffaf2",
"rgb": {
"r": 255,
"g": 250,
"b": 242
}
},
"100": {
"hex": "#fef3e6",
"rgb": {
"r": 254,
"g": 243,
"b": 230
}
},
"200": {
"hex": "#f8e5cf",
"rgb": {
"r": 248,
"g": 229,
"b": 207
}
},
"300": {
"hex": "#f1d2af",
"rgb": {
"r": 241,
"g": 210,
"b": 175
}
},
"400": {
"hex": "#e3b987",
"rgb": {
"r": 227,
"g": 185,
"b": 135
}
},
"500": {
"hex": "#8B4513",
"rgb": {
"r": 139,
"g": 69,
"b": 19
}
},
"600": {
"hex": "#a77639",
"rgb": {
"r": 167,
"g": 118,
"b": 57
}
},
"700": {
"hex": "#795018",
"rgb": {
"r": 121,
"g": 80,
"b": 24
}
},
"800": {
"hex": "#4c2d00",
"rgb": {
"r": 76,
"g": 45,
"b": 0
}
},
"900": {
"hex": "#261200",
"rgb": {
"r": 38,
"g": 18,
"b": 0
}
},
"950": {
"hex": "#070200",
"rgb": {
"r": 7,
"g": 2,
"b": 0
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 olive-green,Palette,#808000,"rgb(128, 128, 0)","hsl(60, 100%, 25%)",#808000,#fdfeee,#f8fae0,#f0f2c5,#e5e8a0,#d7d96e,#808000,#9f9e00,#706f00,#454300,#211f00,#050500 terracotta,Palette,#C67B5C,"rgb(198, 123, 92)","hsl(18, 48%, 57%)",#C67B5C,#fffbf9,#fff7f2,#feeee6,#fbe2d5,#f5d3c1,#C67B5C,#c29a86,#8c6b59,#583f32,#2c1c14,#090402 dark-olive,Palette,#556B2F,"rgb(85, 107, 47)","hsl(82, 39%, 30%)",#556B2F,#fafcf6,#f4f8ec,#e7eeda,#d7e1c3,#c1cfa4,#556B2F,#829260,#5a673c,#343e1d,#171d07,#030401 saddle-brown,Palette,#8B4513,"rgb(139, 69, 19)","hsl(25, 76%, 31%)",#8B4513,#fffaf2,#fef3e6,#f8e5cf,#f1d2af,#e3b987,#8B4513,#a77639,#795018,#4c2d00,#261200,#070200
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 128 128 0 olive-green 253 254 238 olive-green-50 248 250 224 olive-green-100 240 242 197 olive-green-200 229 232 160 olive-green-300 215 217 110 olive-green-400 128 128 0 olive-green-500 159 158 0 olive-green-600 112 111 0 olive-green-700 69 67 0 olive-green-800 33 31 0 olive-green-900 5 5 0 olive-green-950 198 123 92 terracotta 255 251 249 terracotta-50 255 247 242 terracotta-100 254 238 230 terracotta-200 251 226 213 terracotta-300 245 211 193 terracotta-400 198 123 92 terracotta-500 194 154 134 terracotta-600 140 107 89 terracotta-700 88 63 50 terracotta-800 44 28 20 terracotta-900 9 4 2 terracotta-950 85 107 47 dark-olive 250 252 246 dark-olive-50 244 248 236 dark-olive-100 231 238 218 dark-olive-200 215 225 195 dark-olive-300 193 207 164 dark-olive-400 85 107 47 dark-olive-500 130 146 96 dark-olive-600 90 103 60 dark-olive-700 52 62 29 dark-olive-800 23 29 7 dark-olive-900 3 4 1 dark-olive-950 139 69 19 saddle-brown 255 250 242 saddle-brown-50 254 243 230 saddle-brown-100 248 229 207 saddle-brown-200 241 210 175 saddle-brown-300 227 185 135 saddle-brown-400 139 69 19 saddle-brown-500 167 118 57 saddle-brown-600 121 80 24 saddle-brown-700 76 45 0 saddle-brown-800 38 18 0 saddle-brown-900 7 2 0 saddle-brown-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.