Urban Jungle Color Palette
This vibrant palette bursts with fiery reds and oranges, exuding a dynamic energy softened by a creamy yellow and grounded by deep black and fresh green, evoking a bold yet harmonious urban jungle vibe.
Practical uses and creative applications
The Urban Jungle Color Palette is a vibrant collection designed to evoke the dynamic energy of city life intertwined with natural elements. Featuring bold hues like #d31900 and #ff6600, complemented by soft tones such as #fff2af and earthy greens like #7cb490, this palette is perfect for branding projects aimed at modern, eco-conscious consumers.
It effectively bridges the gap between urban sophistication and organic warmth, making it an ideal choice for businesses in sectors like sustainable fashion, organic food, or eco-friendly products. This color scheme shines in web design, offering an engaging visual experience that captures attention and invites exploration.
Designers can use the striking contrast of black (#000000) with the vivid reds and oranges to create impactful call-to-action buttons or headers. Additionally, the Urban Jungle palette is well-suited for packaging design, where it can convey a sense of authenticity and adventure, appealing to creatives looking to make a statement.
Whether you're a graphic designer, interior decorator, or branding expert, this palette sets the stage for projects that embody a vibrant, nature-inspired aesthetic, perfect for attracting a contemporary audience that values sustainability and style.
Tailwind color scales
Browse Tailwind CSS color scales. Copy OKLCH, HEX, or HSL with one click. Preview colors in real UI examples and check contrast for accessibility.
dsfds
| 50 | oklch(0.901 0.052 27.01) | #ffd2cc | hsl(7, 100%, 90%) |
|
|
| 100 | oklch(0.810 0.108 28.04) | #ffa69a | hsl(7, 100%, 80%) |
|
|
| 200 | oklch(0.733 0.164 29.54) | #ff7b69 | hsl(7, 100%, 71%) |
|
|
| 300 | oklch(0.672 0.216 30.97) | #ff4f37 | hsl(7, 100%, 61%) |
|
|
| 400 | oklch(0.638 0.249 30.60) | #ff2306 | hsl(7, 100%, 51%) |
|
|
| 500 | oklch(0.552 0.217 30.74) | #d31900 | hsl(7, 100%, 41%) |
|
|
| 600 | oklch(0.489 0.191 30.92) | #b31500 | hsl(7, 100%, 35%) |
|
|
| 700 | oklch(0.424 0.164 31.18) | #931100 | hsl(7, 100%, 29%) |
|
|
| 800 | oklch(0.357 0.136 31.84) | #730e00 | hsl(7, 100%, 23%) |
|
|
| 900 | oklch(0.286 0.106 32.82) | #530a00 | hsl(7, 100%, 16%) |
|
|
| 950 | oklch(0.211 0.074 34.92) | #330600 | hsl(7, 100%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.044 54.89) | #ffe0cc | hsl(24, 100%, 90%) |
|
|
| 100 | oklch(0.873 0.080 55.36) | #ffc8a3 | hsl(24, 100%, 82%) |
|
|
| 200 | oklch(0.820 0.116 53.91) | #ffaf7a | hsl(24, 100%, 74%) |
|
|
| 300 | oklch(0.773 0.150 52.18) | #ff9752 | hsl(24, 100%, 66%) |
|
|
| 400 | oklch(0.730 0.181 48.69) | #ff7e29 | hsl(24, 100%, 58%) |
|
|
| 500 | oklch(0.696 0.204 43.49) | #ff6600 | hsl(24, 100%, 50%) |
|
|
| 600 | oklch(0.612 0.178 44.12) | #d65600 | hsl(24, 100%, 42%) |
|
|
| 700 | oklch(0.523 0.151 44.57) | #ad4500 | hsl(24, 100%, 34%) |
|
|
| 800 | oklch(0.434 0.123 45.64) | #853500 | hsl(24, 100%, 26%) |
|
|
| 900 | oklch(0.339 0.092 48.05) | #5c2500 | hsl(24, 100%, 18%) |
|
|
| 950 | oklch(0.234 0.060 52.46) | #331400 | hsl(24, 100%, 10%) |
|
dsfds
| 50 | oklch(0.972 0.056 98.59) | #fff7cc | hsl(51, 100%, 90%) |
|
|
| 100 | oklch(0.968 0.062 98.59) | #fff6c6 | hsl(51, 100%, 89%) |
|
|
| 200 | oklch(0.965 0.069 98.59) | #fff5c0 | hsl(50, 100%, 88%) |
|
|
| 300 | oklch(0.962 0.074 98.43) | #fff4bb | hsl(50, 100%, 87%) |
|
|
| 400 | oklch(0.959 0.080 98.45) | #fff3b5 | hsl(50, 100%, 85%) |
|
|
| 500 | oklch(0.956 0.086 98.48) | #fff2af | hsl(50, 100%, 84%) |
|
|
| 600 | oklch(0.921 0.151 98.53) | #ffe663 | hsl(50, 100%, 69%) |
|
|
| 700 | oklch(0.891 0.180 95.90) | #ffd917 | hsl(50, 100%, 55%) |
|
|
| 800 | oklch(0.745 0.153 94.94) | #cbaa00 | hsl(50, 100%, 40%) |
|
|
| 900 | oklch(0.529 0.109 95.30) | #7f6a00 | hsl(50, 100%, 25%) |
|
|
| 950 | oklch(0.289 0.060 98.23) | #332b00 | hsl(51, 100%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.017 159.10) | #dfece4 | hsl(143, 25%, 90%) |
|
|
| 100 | oklch(0.889 0.030 157.84) | #cbe1d3 | hsl(142, 27%, 84%) |
|
|
| 200 | oklch(0.848 0.043 157.07) | #b7d6c2 | hsl(141, 27%, 78%) |
|
|
| 300 | oklch(0.806 0.056 156.43) | #a3cbb1 | hsl(141, 28%, 72%) |
|
|
| 400 | oklch(0.763 0.066 156.49) | #90bfa1 | hsl(142, 27%, 66%) |
|
|
| 500 | oklch(0.721 0.079 155.69) | #7cb490 | hsl(141, 27%, 60%) |
|
|
| 600 | oklch(0.651 0.097 154.71) | #5ca175 | hsl(142, 27%, 50%) |
|
|
| 700 | oklch(0.555 0.080 154.88) | #4a815e | hsl(142, 27%, 40%) |
|
|
| 800 | oklch(0.454 0.065 154.70) | #376146 | hsl(141, 28%, 30%) |
|
|
| 900 | oklch(0.347 0.047 154.97) | #25412f | hsl(141, 27%, 20%) |
|
|
| 950 | oklch(0.228 0.024 156.90) | #132018 | hsl(143, 25%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
| 500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
| 600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
| 700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
| 800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
| 900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
