Vibrant Nature Color Palette
This vibrant palette bursts with fiery red (#e72313) and soft cream (#fffcf7), grounded by earthy greens (#67b588, #65a675) and anchored in deep midnight blue (#141325), creating an energetic yet serene atmosphere that feels both bold and refreshing.
Practical uses and creative applications
The Vibrant Nature Color Palette is a stunning blend of bold and earthy tones that evoke the beauty of the great outdoors. Featuring a striking red (#e72313), soft cream (#fffcf7), rich green hues (#67b588, #65a675), and a deep charcoal (#141325), this palette is perfect for creatives looking to infuse their projects with energy and warmth.
Whether you’re designing a brand identity, creating captivating web designs, or curating eye-catching packaging, these colors can breathe life into your creations and resonate deeply with your audience. Ideal for eco-conscious brands and lifestyle products, the Vibrant Nature Color Palette can be used effectively in interiors to create a welcoming and invigorating atmosphere.
Designers and marketers in the wellness and outdoor sectors will particularly appreciate how these colors can evoke feelings of tranquility and vitality, making them perfect for anything from spa branding to sustainable product packaging. Elevate your projects with this palette, and connect with audiences who value authenticity and the beauty of nature.
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.900 0.045 23.08) | #fbd3d0 | hsl(4, 84%, 90%) |
|
|
| 100 | oklch(0.822 0.087 24.37) | #f8afa9 | hsl(5, 85%, 82%) |
|
|
| 200 | oklch(0.749 0.130 25.19) | #f58b83 | hsl(4, 85%, 74%) |
|
|
| 300 | oklch(0.685 0.174 27.11) | #f2675c | hsl(4, 85%, 65%) |
|
|
| 400 | oklch(0.632 0.210 29.06) | #ee4335 | hsl(5, 84%, 57%) |
|
|
| 500 | oklch(0.594 0.228 29.91) | #e72313 | hsl(5, 85%, 49%) |
|
|
| 600 | oklch(0.522 0.199 29.83) | #c21d10 | hsl(4, 85%, 41%) |
|
|
| 700 | oklch(0.448 0.169 29.88) | #9d180d | hsl(5, 85%, 33%) |
|
|
| 800 | oklch(0.373 0.138 29.67) | #79120a | hsl(4, 85%, 26%) |
|
|
| 900 | oklch(0.292 0.103 29.76) | #540d07 | hsl(5, 85%, 18%) |
|
|
| 950 | oklch(0.205 0.066 29.87) | #2f0704 | hsl(4, 84%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.047 80.81) | #ffeccc | hsl(38, 100%, 90%) |
|
|
| 100 | oklch(0.958 0.038 80.03) | #ffefd5 | hsl(37, 100%, 92%) |
|
|
| 200 | oklch(0.966 0.031 79.93) | #fff2dd | hsl(37, 100%, 93%) |
|
|
| 300 | oklch(0.976 0.023 82.12) | #fff6e6 | hsl(38, 100%, 95%) |
|
|
| 400 | oklch(0.984 0.016 82.79) | #fff9ee | hsl(39, 100%, 97%) |
|
|
| 500 | oklch(0.992 0.007 80.72) | #fffcf7 | hsl(38, 100%, 98%) |
|
|
| 600 | oklch(0.906 0.088 79.75) | #ffda9d | hsl(37, 100%, 81%) |
|
|
| 700 | oklch(0.830 0.151 75.82) | #ffb843 | hsl(37, 100%, 63%) |
|
|
| 800 | oklch(0.728 0.159 68.39) | #e79100 | hsl(38, 100%, 45%) |
|
|
| 900 | oklch(0.508 0.110 69.65) | #8d5800 | hsl(37, 100%, 28%) |
|
|
| 950 | oklch(0.261 0.055 76.59) | #332000 | hsl(38, 100%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.022 160.21) | #ddeee4 | hsl(145, 33%, 90%) |
|
|
| 100 | oklch(0.889 0.039 160.70) | #c5e3d2 | hsl(146, 35%, 83%) |
|
|
| 200 | oklch(0.843 0.054 159.30) | #aed7bf | hsl(145, 34%, 76%) |
|
|
| 300 | oklch(0.799 0.071 159.10) | #96ccad | hsl(146, 35%, 69%) |
|
|
| 400 | oklch(0.753 0.086 157.87) | #7fc09a | hsl(145, 34%, 63%) |
|
|
| 500 | oklch(0.710 0.103 157.18) | #67b588 | hsl(145, 35%, 56%) |
|
|
| 600 | oklch(0.641 0.109 155.87) | #4ea070 | hsl(145, 34%, 47%) |
|
|
| 700 | oklch(0.545 0.091 156.37) | #3e805a | hsl(145, 35%, 37%) |
|
|
| 800 | oklch(0.449 0.073 156.38) | #2f6144 | hsl(145, 35%, 28%) |
|
|
| 900 | oklch(0.347 0.054 156.37) | #20422e | hsl(145, 35%, 19%) |
|
|
| 950 | oklch(0.233 0.030 157.25) | #112218 | hsl(145, 33%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.019 152.81) | #dfece2 | hsl(134, 25%, 90%) |
|
|
| 100 | oklch(0.878 0.035 153.17) | #c6decc | hsl(135, 27%, 82%) |
|
|
| 200 | oklch(0.826 0.051 152.25) | #aed0b6 | hsl(134, 27%, 75%) |
|
|
| 300 | oklch(0.773 0.066 152.32) | #96c2a1 | hsl(135, 27%, 67%) |
|
|
| 400 | oklch(0.720 0.083 151.86) | #7db48b | hsl(135, 27%, 60%) |
|
|
| 500 | oklch(0.668 0.099 150.86) | #65a675 | hsl(135, 27%, 52%) |
|
|
| 600 | oklch(0.593 0.093 150.76) | #528e61 | hsl(135, 27%, 44%) |
|
|
| 700 | oklch(0.507 0.078 150.85) | #42724e | hsl(135, 27%, 35%) |
|
|
| 800 | oklch(0.420 0.063 150.71) | #32573b | hsl(135, 27%, 27%) |
|
|
| 900 | oklch(0.330 0.046 150.87) | #233c29 | hsl(134, 26%, 19%) |
|
|
| 950 | oklch(0.228 0.027 151.05) | #132016 | hsl(134, 25%, 10%) |
|
dsfds
| 50 | oklch(0.903 0.023 288.63) | #deddee | hsl(244, 33%, 90%) |
|
|
| 100 | oklch(0.748 0.060 287.03) | #aaa8d2 | hsl(243, 32%, 74%) |
|
|
| 200 | oklch(0.588 0.103 285.46) | #7773b7 | hsl(244, 32%, 58%) |
|
|
| 300 | oklch(0.448 0.112 283.50) | #4e4a90 | hsl(243, 32%, 43%) |
|
|
| 400 | oklch(0.328 0.076 284.46) | #312e5a | hsl(244, 32%, 27%) |
|
|
| 500 | oklch(0.198 0.036 285.18) | #141325 | hsl(243, 32%, 11%) |
|
|
| 600 | oklch(0.197 0.034 285.55) | #141324 | hsl(244, 31%, 11%) |
|
|
| 700 | oklch(0.194 0.036 285.06) | #131224 | hsl(243, 33%, 11%) |
|
|
| 800 | oklch(0.193 0.034 285.43) | #131223 | hsl(244, 32%, 10%) |
|
|
| 900 | oklch(0.192 0.032 285.82) | #131222 | hsl(244, 31%, 10%) |
|
|
| 950 | oklch(0.188 0.034 285.31) | #121122 | hsl(244, 33%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
