← Back to Tools
Design nature-inspired heritage branding with this forest and cream palette featuring #2D4A3E deep forest, #F5F5DC warm beige, #3B5A4E medium forest, and #E8E8C8 light cream.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--deep-forest: #2D4A3E;
--deep-forest-50: #f7fbfa;
--deep-forest-100: #eef5f2;
--deep-forest-200: #dce7e3;
--deep-forest-300: #c5d6cf;
--deep-forest-400: #a6beb5;
--deep-forest-500: #2D4A3E;
--deep-forest-600: #607b71;
--deep-forest-700: #3f564e;
--deep-forest-800: #21342d;
--deep-forest-900: #0b1713;
--deep-forest-950: #010302;
--warm-beige: #F5F5DC;
--warm-beige-50: #fffffe;
--warm-beige-100: #fffffc;
--warm-beige-200: #fefefa;
--warm-beige-300: #fdfdf7;
--warm-beige-400: #fdfdf3;
--warm-beige-500: #F5F5DC;
--warm-beige-600: #d4d4c9;
--warm-beige-700: #96968d;
--warm-beige-800: #5c5c55;
--warm-beige-900: #2d2d29;
--warm-beige-950: #090907;
--medium-forest: #3B5A4E;
--medium-forest-50: #f8fcfa;
--medium-forest-100: #f0f6f4;
--medium-forest-200: #e0ebe7;
--medium-forest-300: #cbdcd6;
--medium-forest-400: #b0c7be;
--medium-forest-500: #3B5A4E;
--medium-forest-600: #6d877e;
--medium-forest-700: #495f57;
--medium-forest-800: #283933;
--medium-forest-900: #0f1a16;
--medium-forest-950: #010303;
--light-cream: #E8E8C8;
--light-cream-50: #fffffd;
--light-cream-100: #fefefb;
--light-cream-200: #fdfdf7;
--light-cream-300: #fbfbf3;
--light-cream-400: #f9f9ed;
--light-cream-500: #E8E8C8;
--light-cream-600: #cfcfc0;
--light-cream-700: #929286;
--light-cream-800: #5a5a50;
--light-cream-900: #2c2c26;
--light-cream-950: #080806;
}
$deep-forest: #2D4A3E; $deep-forest-50: #f7fbfa; $deep-forest-100: #eef5f2; $deep-forest-200: #dce7e3; $deep-forest-300: #c5d6cf; $deep-forest-400: #a6beb5; $deep-forest-500: #2D4A3E; $deep-forest-600: #607b71; $deep-forest-700: #3f564e; $deep-forest-800: #21342d; $deep-forest-900: #0b1713; $deep-forest-950: #010302; $warm-beige: #F5F5DC; $warm-beige-50: #fffffe; $warm-beige-100: #fffffc; $warm-beige-200: #fefefa; $warm-beige-300: #fdfdf7; $warm-beige-400: #fdfdf3; $warm-beige-500: #F5F5DC; $warm-beige-600: #d4d4c9; $warm-beige-700: #96968d; $warm-beige-800: #5c5c55; $warm-beige-900: #2d2d29; $warm-beige-950: #090907; $medium-forest: #3B5A4E; $medium-forest-50: #f8fcfa; $medium-forest-100: #f0f6f4; $medium-forest-200: #e0ebe7; $medium-forest-300: #cbdcd6; $medium-forest-400: #b0c7be; $medium-forest-500: #3B5A4E; $medium-forest-600: #6d877e; $medium-forest-700: #495f57; $medium-forest-800: #283933; $medium-forest-900: #0f1a16; $medium-forest-950: #010303; $light-cream: #E8E8C8; $light-cream-50: #fffffd; $light-cream-100: #fefefb; $light-cream-200: #fdfdf7; $light-cream-300: #fbfbf3; $light-cream-400: #f9f9ed; $light-cream-500: #E8E8C8; $light-cream-600: #cfcfc0; $light-cream-700: #929286; $light-cream-800: #5a5a50; $light-cream-900: #2c2c26; $light-cream-950: #080806;
colors: {
'deep-forest': {
50: '#f7fbfa',
100: '#eef5f2',
200: '#dce7e3',
300: '#c5d6cf',
400: '#a6beb5',
500: '#2D4A3E',
600: '#607b71',
700: '#3f564e',
800: '#21342d',
900: '#0b1713',
950: '#010302',
DEFAULT: '#2D4A3E',
},
'warm-beige': {
50: '#fffffe',
100: '#fffffc',
200: '#fefefa',
300: '#fdfdf7',
400: '#fdfdf3',
500: '#F5F5DC',
600: '#d4d4c9',
700: '#96968d',
800: '#5c5c55',
900: '#2d2d29',
950: '#090907',
DEFAULT: '#F5F5DC',
},
'medium-forest': {
50: '#f8fcfa',
100: '#f0f6f4',
200: '#e0ebe7',
300: '#cbdcd6',
400: '#b0c7be',
500: '#3B5A4E',
600: '#6d877e',
700: '#495f57',
800: '#283933',
900: '#0f1a16',
950: '#010303',
DEFAULT: '#3B5A4E',
},
'light-cream': {
50: '#fffffd',
100: '#fefefb',
200: '#fdfdf7',
300: '#fbfbf3',
400: '#f9f9ed',
500: '#E8E8C8',
600: '#cfcfc0',
700: '#929286',
800: '#5a5a50',
900: '#2c2c26',
950: '#080806',
DEFAULT: '#E8E8C8',
},
},
[
{
"name": "deep-forest",
"harmony": "Palette",
"hex": "#2D4A3E",
"rgb": {
"r": 45,
"g": 74,
"b": 62
},
"hsl": {
"h": 155,
"s": 24,
"l": 23
},
"value": "#2D4A3E",
"tonalScale": {
"50": {
"hex": "#f7fbfa",
"rgb": {
"r": 247,
"g": 251,
"b": 250
}
},
"100": {
"hex": "#eef5f2",
"rgb": {
"r": 238,
"g": 245,
"b": 242
}
},
"200": {
"hex": "#dce7e3",
"rgb": {
"r": 220,
"g": 231,
"b": 227
}
},
"300": {
"hex": "#c5d6cf",
"rgb": {
"r": 197,
"g": 214,
"b": 207
}
},
"400": {
"hex": "#a6beb5",
"rgb": {
"r": 166,
"g": 190,
"b": 181
}
},
"500": {
"hex": "#2D4A3E",
"rgb": {
"r": 45,
"g": 74,
"b": 62
}
},
"600": {
"hex": "#607b71",
"rgb": {
"r": 96,
"g": 123,
"b": 113
}
},
"700": {
"hex": "#3f564e",
"rgb": {
"r": 63,
"g": 86,
"b": 78
}
},
"800": {
"hex": "#21342d",
"rgb": {
"r": 33,
"g": 52,
"b": 45
}
},
"900": {
"hex": "#0b1713",
"rgb": {
"r": 11,
"g": 23,
"b": 19
}
},
"950": {
"hex": "#010302",
"rgb": {
"r": 1,
"g": 3,
"b": 2
}
}
}
},
{
"name": "warm-beige",
"harmony": "Palette",
"hex": "#F5F5DC",
"rgb": {
"r": 245,
"g": 245,
"b": 220
},
"hsl": {
"h": 60,
"s": 56,
"l": 91
},
"value": "#F5F5DC",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffffc",
"rgb": {
"r": 255,
"g": 255,
"b": 252
}
},
"200": {
"hex": "#fefefa",
"rgb": {
"r": 254,
"g": 254,
"b": 250
}
},
"300": {
"hex": "#fdfdf7",
"rgb": {
"r": 253,
"g": 253,
"b": 247
}
},
"400": {
"hex": "#fdfdf3",
"rgb": {
"r": 253,
"g": 253,
"b": 243
}
},
"500": {
"hex": "#F5F5DC",
"rgb": {
"r": 245,
"g": 245,
"b": 220
}
},
"600": {
"hex": "#d4d4c9",
"rgb": {
"r": 212,
"g": 212,
"b": 201
}
},
"700": {
"hex": "#96968d",
"rgb": {
"r": 150,
"g": 150,
"b": 141
}
},
"800": {
"hex": "#5c5c55",
"rgb": {
"r": 92,
"g": 92,
"b": 85
}
},
"900": {
"hex": "#2d2d29",
"rgb": {
"r": 45,
"g": 45,
"b": 41
}
},
"950": {
"hex": "#090907",
"rgb": {
"r": 9,
"g": 9,
"b": 7
}
}
}
},
{
"name": "medium-forest",
"harmony": "Palette",
"hex": "#3B5A4E",
"rgb": {
"r": 59,
"g": 90,
"b": 78
},
"hsl": {
"h": 157,
"s": 21,
"l": 29
},
"value": "#3B5A4E",
"tonalScale": {
"50": {
"hex": "#f8fcfa",
"rgb": {
"r": 248,
"g": 252,
"b": 250
}
},
"100": {
"hex": "#f0f6f4",
"rgb": {
"r": 240,
"g": 246,
"b": 244
}
},
"200": {
"hex": "#e0ebe7",
"rgb": {
"r": 224,
"g": 235,
"b": 231
}
},
"300": {
"hex": "#cbdcd6",
"rgb": {
"r": 203,
"g": 220,
"b": 214
}
},
"400": {
"hex": "#b0c7be",
"rgb": {
"r": 176,
"g": 199,
"b": 190
}
},
"500": {
"hex": "#3B5A4E",
"rgb": {
"r": 59,
"g": 90,
"b": 78
}
},
"600": {
"hex": "#6d877e",
"rgb": {
"r": 109,
"g": 135,
"b": 126
}
},
"700": {
"hex": "#495f57",
"rgb": {
"r": 73,
"g": 95,
"b": 87
}
},
"800": {
"hex": "#283933",
"rgb": {
"r": 40,
"g": 57,
"b": 51
}
},
"900": {
"hex": "#0f1a16",
"rgb": {
"r": 15,
"g": 26,
"b": 22
}
},
"950": {
"hex": "#010303",
"rgb": {
"r": 1,
"g": 3,
"b": 3
}
}
}
},
{
"name": "light-cream",
"harmony": "Palette",
"hex": "#E8E8C8",
"rgb": {
"r": 232,
"g": 232,
"b": 200
},
"hsl": {
"h": 60,
"s": 41,
"l": 85
},
"value": "#E8E8C8",
"tonalScale": {
"50": {
"hex": "#fffffd",
"rgb": {
"r": 255,
"g": 255,
"b": 253
}
},
"100": {
"hex": "#fefefb",
"rgb": {
"r": 254,
"g": 254,
"b": 251
}
},
"200": {
"hex": "#fdfdf7",
"rgb": {
"r": 253,
"g": 253,
"b": 247
}
},
"300": {
"hex": "#fbfbf3",
"rgb": {
"r": 251,
"g": 251,
"b": 243
}
},
"400": {
"hex": "#f9f9ed",
"rgb": {
"r": 249,
"g": 249,
"b": 237
}
},
"500": {
"hex": "#E8E8C8",
"rgb": {
"r": 232,
"g": 232,
"b": 200
}
},
"600": {
"hex": "#cfcfc0",
"rgb": {
"r": 207,
"g": 207,
"b": 192
}
},
"700": {
"hex": "#929286",
"rgb": {
"r": 146,
"g": 146,
"b": 134
}
},
"800": {
"hex": "#5a5a50",
"rgb": {
"r": 90,
"g": 90,
"b": 80
}
},
"900": {
"hex": "#2c2c26",
"rgb": {
"r": 44,
"g": 44,
"b": 38
}
},
"950": {
"hex": "#080806",
"rgb": {
"r": 8,
"g": 8,
"b": 6
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 deep-forest,Palette,#2D4A3E,"rgb(45, 74, 62)","hsl(155, 24%, 23%)",#2D4A3E,#f7fbfa,#eef5f2,#dce7e3,#c5d6cf,#a6beb5,#2D4A3E,#607b71,#3f564e,#21342d,#0b1713,#010302 warm-beige,Palette,#F5F5DC,"rgb(245, 245, 220)","hsl(60, 56%, 91%)",#F5F5DC,#fffffe,#fffffc,#fefefa,#fdfdf7,#fdfdf3,#F5F5DC,#d4d4c9,#96968d,#5c5c55,#2d2d29,#090907 medium-forest,Palette,#3B5A4E,"rgb(59, 90, 78)","hsl(157, 21%, 29%)",#3B5A4E,#f8fcfa,#f0f6f4,#e0ebe7,#cbdcd6,#b0c7be,#3B5A4E,#6d877e,#495f57,#283933,#0f1a16,#010303 light-cream,Palette,#E8E8C8,"rgb(232, 232, 200)","hsl(60, 41%, 85%)",#E8E8C8,#fffffd,#fefefb,#fdfdf7,#fbfbf3,#f9f9ed,#E8E8C8,#cfcfc0,#929286,#5a5a50,#2c2c26,#080806
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 45 74 62 deep-forest 247 251 250 deep-forest-50 238 245 242 deep-forest-100 220 231 227 deep-forest-200 197 214 207 deep-forest-300 166 190 181 deep-forest-400 45 74 62 deep-forest-500 96 123 113 deep-forest-600 63 86 78 deep-forest-700 33 52 45 deep-forest-800 11 23 19 deep-forest-900 1 3 2 deep-forest-950 245 245 220 warm-beige 255 255 254 warm-beige-50 255 255 252 warm-beige-100 254 254 250 warm-beige-200 253 253 247 warm-beige-300 253 253 243 warm-beige-400 245 245 220 warm-beige-500 212 212 201 warm-beige-600 150 150 141 warm-beige-700 92 92 85 warm-beige-800 45 45 41 warm-beige-900 9 9 7 warm-beige-950 59 90 78 medium-forest 248 252 250 medium-forest-50 240 246 244 medium-forest-100 224 235 231 medium-forest-200 203 220 214 medium-forest-300 176 199 190 medium-forest-400 59 90 78 medium-forest-500 109 135 126 medium-forest-600 73 95 87 medium-forest-700 40 57 51 medium-forest-800 15 26 22 medium-forest-900 1 3 3 medium-forest-950 232 232 200 light-cream 255 255 253 light-cream-50 254 254 251 light-cream-100 253 253 247 light-cream-200 251 251 243 light-cream-300 249 249 237 light-cream-400 232 232 200 light-cream-500 207 207 192 light-cream-600 146 146 134 light-cream-700 90 90 80 light-cream-800 44 44 38 light-cream-900 8 8 6 light-cream-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.