Savanna Safari Color Palette
Golden-hour on the savanna: sun-bleached grass and khaki, dusty acacia green, terracotta clay, and a hazy sky blue. Warm, wide, and dry, the palette of long grass and distant trees. For safari and travel branding, African-landscape illustration, and earthy warm scenes.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--savanna-safari-1: #E2C679;
--savanna-safari-2: #D6B662;
--savanna-safari-3: #C8A64E;
--savanna-safari-4: #B8943C;
--savanna-safari-5: #A6822F;
--savanna-safari-6: #937025;
--savanna-safari-7: #B8A878;
--savanna-safari-8: #A89868;
--savanna-safari-9: #988859;
--savanna-safari-10: #88784B;
--savanna-safari-11: #78683E;
--savanna-safari-12: #685832;
--savanna-safari-13: #7E8C56;
--savanna-safari-14: #71804B;
--savanna-safari-15: #647441;
--savanna-safari-16: #576837;
--savanna-safari-17: #4A5C2E;
--savanna-safari-18: #3D5025;
--savanna-safari-19: #BC8050;
--savanna-safari-20: #AC7144;
--savanna-safari-21: #9C633A;
--savanna-safari-22: #8A5530;
--savanna-safari-23: #784828;
--savanna-safari-24: #663C20;
--savanna-safari-25: #A8C0CE;
--savanna-safari-26: #94AEBE;
--savanna-safari-27: #809CAE;
--savanna-safari-28: #6E8A9C;
--savanna-safari-29: #5C7888;
--savanna-safari-30: #4C6674;
}SCSS
$savanna-safari-1: #E2C679;
$savanna-safari-2: #D6B662;
$savanna-safari-3: #C8A64E;
$savanna-safari-4: #B8943C;
$savanna-safari-5: #A6822F;
$savanna-safari-6: #937025;
$savanna-safari-7: #B8A878;
$savanna-safari-8: #A89868;
$savanna-safari-9: #988859;
$savanna-safari-10: #88784B;
$savanna-safari-11: #78683E;
$savanna-safari-12: #685832;
$savanna-safari-13: #7E8C56;
$savanna-safari-14: #71804B;
$savanna-safari-15: #647441;
$savanna-safari-16: #576837;
$savanna-safari-17: #4A5C2E;
$savanna-safari-18: #3D5025;
$savanna-safari-19: #BC8050;
$savanna-safari-20: #AC7144;
$savanna-safari-21: #9C633A;
$savanna-safari-22: #8A5530;
$savanna-safari-23: #784828;
$savanna-safari-24: #663C20;
$savanna-safari-25: #A8C0CE;
$savanna-safari-26: #94AEBE;
$savanna-safari-27: #809CAE;
$savanna-safari-28: #6E8A9C;
$savanna-safari-29: #5C7888;
$savanna-safari-30: #4C6674;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'savanna-safari': {
'1': '#E2C679',
'2': '#D6B662',
'3': '#C8A64E',
'4': '#B8943C',
'5': '#A6822F',
'6': '#937025',
'7': '#B8A878',
'8': '#A89868',
'9': '#988859',
'10': '#88784B',
'11': '#78683E',
'12': '#685832',
'13': '#7E8C56',
'14': '#71804B',
'15': '#647441',
'16': '#576837',
'17': '#4A5C2E',
'18': '#3D5025',
'19': '#BC8050',
'20': '#AC7144',
'21': '#9C633A',
'22': '#8A5530',
'23': '#784828',
'24': '#663C20',
'25': '#A8C0CE',
'26': '#94AEBE',
'27': '#809CAE',
'28': '#6E8A9C',
'29': '#5C7888',
'30': '#4C6674',
},
},
},
},
};JSON
{
"name": "Savanna Safari",
"colors": [
"#E2C679",
"#D6B662",
"#C8A64E",
"#B8943C",
"#A6822F",
"#937025",
"#B8A878",
"#A89868",
"#988859",
"#88784B",
"#78683E",
"#685832",
"#7E8C56",
"#71804B",
"#647441",
"#576837",
"#4A5C2E",
"#3D5025",
"#BC8050",
"#AC7144",
"#9C633A",
"#8A5530",
"#784828",
"#663C20",
"#A8C0CE",
"#94AEBE",
"#809CAE",
"#6E8A9C",
"#5C7888",
"#4C6674"
]
}Hex list
#E2C679
#D6B662
#C8A64E
#B8943C
#A6822F
#937025
#B8A878
#A89868
#988859
#88784B
#78683E
#685832
#7E8C56
#71804B
#647441
#576837
#4A5C2E
#3D5025
#BC8050
#AC7144
#9C633A
#8A5530
#784828
#663C20
#A8C0CE
#94AEBE
#809CAE
#6E8A9C
#5C7888
#4C6674