Tropical Jungle Color Palette
Deep, humid jungle: layered greens from near-black canopy to bright new leaf, lit by hibiscus red and bird-of-paradise orange-to-magenta flowers. Lush and saturated, built to feel overgrown and alive. For rainforest scenes, tropical-print patterns, and bold botanical work.
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 {
--tropical-jungle-1: #1F5A32;
--tropical-jungle-2: #1B502D;
--tropical-jungle-3: #174628;
--tropical-jungle-4: #133C23;
--tropical-jungle-5: #0F321E;
--tropical-jungle-6: #0B2819;
--tropical-jungle-7: #4A8C3E;
--tropical-jungle-8: #418036;
--tropical-jungle-9: #38742F;
--tropical-jungle-10: #306828;
--tropical-jungle-11: #285C22;
--tropical-jungle-12: #21501C;
--tropical-jungle-13: #8AC03E;
--tropical-jungle-14: #7BB034;
--tropical-jungle-15: #6CA02C;
--tropical-jungle-16: #5D9024;
--tropical-jungle-17: #4F801E;
--tropical-jungle-18: #427018;
--tropical-jungle-19: #D83A3A;
--tropical-jungle-20: #C63232;
--tropical-jungle-21: #B42B2B;
--tropical-jungle-22: #9F2424;
--tropical-jungle-23: #8A1E1E;
--tropical-jungle-24: #751818;
--tropical-jungle-25: #E8842E;
--tropical-jungle-26: #E2632E;
--tropical-jungle-27: #D84A6E;
--tropical-jungle-28: #C23A82;
--tropical-jungle-29: #A23090;
--tropical-jungle-30: #822888;
}SCSS
$tropical-jungle-1: #1F5A32;
$tropical-jungle-2: #1B502D;
$tropical-jungle-3: #174628;
$tropical-jungle-4: #133C23;
$tropical-jungle-5: #0F321E;
$tropical-jungle-6: #0B2819;
$tropical-jungle-7: #4A8C3E;
$tropical-jungle-8: #418036;
$tropical-jungle-9: #38742F;
$tropical-jungle-10: #306828;
$tropical-jungle-11: #285C22;
$tropical-jungle-12: #21501C;
$tropical-jungle-13: #8AC03E;
$tropical-jungle-14: #7BB034;
$tropical-jungle-15: #6CA02C;
$tropical-jungle-16: #5D9024;
$tropical-jungle-17: #4F801E;
$tropical-jungle-18: #427018;
$tropical-jungle-19: #D83A3A;
$tropical-jungle-20: #C63232;
$tropical-jungle-21: #B42B2B;
$tropical-jungle-22: #9F2424;
$tropical-jungle-23: #8A1E1E;
$tropical-jungle-24: #751818;
$tropical-jungle-25: #E8842E;
$tropical-jungle-26: #E2632E;
$tropical-jungle-27: #D84A6E;
$tropical-jungle-28: #C23A82;
$tropical-jungle-29: #A23090;
$tropical-jungle-30: #822888;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'tropical-jungle': {
'1': '#1F5A32',
'2': '#1B502D',
'3': '#174628',
'4': '#133C23',
'5': '#0F321E',
'6': '#0B2819',
'7': '#4A8C3E',
'8': '#418036',
'9': '#38742F',
'10': '#306828',
'11': '#285C22',
'12': '#21501C',
'13': '#8AC03E',
'14': '#7BB034',
'15': '#6CA02C',
'16': '#5D9024',
'17': '#4F801E',
'18': '#427018',
'19': '#D83A3A',
'20': '#C63232',
'21': '#B42B2B',
'22': '#9F2424',
'23': '#8A1E1E',
'24': '#751818',
'25': '#E8842E',
'26': '#E2632E',
'27': '#D84A6E',
'28': '#C23A82',
'29': '#A23090',
'30': '#822888',
},
},
},
},
};JSON
{
"name": "Tropical Jungle",
"colors": [
"#1F5A32",
"#1B502D",
"#174628",
"#133C23",
"#0F321E",
"#0B2819",
"#4A8C3E",
"#418036",
"#38742F",
"#306828",
"#285C22",
"#21501C",
"#8AC03E",
"#7BB034",
"#6CA02C",
"#5D9024",
"#4F801E",
"#427018",
"#D83A3A",
"#C63232",
"#B42B2B",
"#9F2424",
"#8A1E1E",
"#751818",
"#E8842E",
"#E2632E",
"#D84A6E",
"#C23A82",
"#A23090",
"#822888"
]
}Hex list
#1F5A32
#1B502D
#174628
#133C23
#0F321E
#0B2819
#4A8C3E
#418036
#38742F
#306828
#285C22
#21501C
#8AC03E
#7BB034
#6CA02C
#5D9024
#4F801E
#427018
#D83A3A
#C63232
#B42B2B
#9F2424
#8A1E1E
#751818
#E8842E
#E2632E
#D84A6E
#C23A82
#A23090
#822888