Vibrant Nature Color Palette
This palette blends soothing teal and soft yellow with a bold pop of fiery red, anchored by deep earthy browns, creating a vibrant yet grounded atmosphere that feels both refreshing and energizing.
Practical uses and creative applications
The Vibrant Nature Color Palette is a captivating blend of earthy tones and lively hues, perfect for a variety of creative projects. Featuring soft teal (#9dbcbc), vibrant yellow (#f0f0af), striking coral (#ff370f), deep brown (#332717), and refreshing aqua (#6bacbf), this palette evokes the beauty of the great outdoors.
It's ideal for branding that wants to convey a sense of freshness and vitality, making it suitable for eco-friendly businesses, wellness brands, or outdoor adventure companies. This color palette shines in web design, where its dynamic combination can create an engaging user experience.
Designers can leverage the Vibrant Nature Palette to craft stunning websites that resonate with nature lovers and environmentally-conscious consumers. Additionally, it works beautifully in packaging design, helping products stand out on the shelf while appealing to a sense of sustainability.
Interior designers can also use this palette to create spaces that feel both invigorating and grounded, promoting a harmonious atmosphere. Overall, the Vibrant Nature Color Palette is perfect for creatives seeking to inspire and energize their audiences.
Whether you're a graphic designer, a brand strategist, or an interior decorator, this palette helps you communicate a vibrant, nature-inspired message that captures attention and fosters connection.
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.930 0.010 196.99) | #e1eaea | hsl(180, 18%, 90%) |
|
|
| 100 | oklch(0.899 0.015 196.89) | #d3e1e1 | hsl(180, 19%, 85%) |
|
|
| 200 | oklch(0.869 0.019 196.80) | #c6d8d8 | hsl(180, 19%, 81%) |
|
|
| 300 | oklch(0.837 0.025 196.69) | #b8cfcf | hsl(180, 19%, 77%) |
|
|
| 400 | oklch(0.804 0.028 196.61) | #abc5c5 | hsl(180, 18%, 72%) |
|
|
| 500 | oklch(0.772 0.034 196.48) | #9dbcbc | hsl(180, 19%, 68%) |
|
|
| 600 | oklch(0.688 0.045 196.15) | #7aa4a4 | hsl(180, 19%, 56%) |
|
|
| 700 | oklch(0.592 0.047 195.95) | #5c8787 | hsl(180, 19%, 45%) |
|
|
| 800 | oklch(0.479 0.037 195.98) | #446464 | hsl(180, 19%, 33%) |
|
|
| 900 | oklch(0.358 0.025 196.08) | #2d4141 | hsl(180, 18%, 22%) |
|
|
| 950 | oklch(0.226 0.013 196.27) | #151e1e | hsl(180, 18%, 10%) |
|
dsfds
| 50 | oklch(0.967 0.046 107.22) | #f7f7d4 | hsl(60, 69%, 90%) |
|
|
| 100 | oklch(0.963 0.053 107.36) | #f6f6cd | hsl(60, 69%, 88%) |
|
|
| 200 | oklch(0.955 0.061 107.50) | #f4f4c5 | hsl(60, 68%, 86%) |
|
|
| 300 | oklch(0.951 0.068 107.63) | #f3f3be | hsl(60, 69%, 85%) |
|
|
| 400 | oklch(0.944 0.076 107.77) | #f1f1b6 | hsl(60, 68%, 83%) |
|
|
| 500 | oklch(0.940 0.083 107.90) | #f0f0af | hsl(60, 68%, 81%) |
|
|
| 600 | oklch(0.899 0.138 108.88) | #e5e572 | hsl(60, 69%, 67%) |
|
|
| 700 | oklch(0.858 0.173 109.55) | #d9d934 | hsl(60, 68%, 53%) |
|
|
| 800 | oklch(0.703 0.145 109.61) | #a6a61f | hsl(60, 69%, 39%) |
|
|
| 900 | oklch(0.502 0.101 109.55) | #686814 | hsl(60, 68%, 24%) |
|
|
| 950 | oklch(0.281 0.052 109.34) | #2b2b08 | hsl(60, 69%, 10%) |
|
dsfds
| 50 | oklch(0.906 0.049 32.14) | #ffd5cc | hsl(11, 100%, 90%) |
|
|
| 100 | oklch(0.839 0.089 31.79) | #ffb5a6 | hsl(10, 100%, 83%) |
|
|
| 200 | oklch(0.778 0.131 32.74) | #ff9680 | hsl(10, 100%, 75%) |
|
|
| 300 | oklch(0.724 0.173 32.76) | #ff765b | hsl(10, 100%, 68%) |
|
|
| 400 | oklch(0.681 0.210 33.29) | #ff5735 | hsl(10, 100%, 60%) |
|
|
| 500 | oklch(0.649 0.238 32.29) | #ff370f | hsl(10, 100%, 53%) |
|
|
| 600 | oklch(0.586 0.223 31.83) | #e22600 | hsl(10, 100%, 44%) |
|
|
| 700 | oklch(0.499 0.189 32.06) | #b61e00 | hsl(10, 100%, 36%) |
|
|
| 800 | oklch(0.412 0.153 32.62) | #8b1700 | hsl(10, 100%, 27%) |
|
|
| 900 | oklch(0.317 0.114 33.89) | #5f1000 | hsl(10, 100%, 19%) |
|
|
| 950 | oklch(0.216 0.071 37.89) | #330900 | hsl(11, 100%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.017 76.11) | #efe7dc | hsl(35, 37%, 90%) |
|
|
| 100 | oklch(0.825 0.044 74.06) | #d7c2a7 | hsl(34, 38%, 75%) |
|
|
| 200 | oklch(0.719 0.071 74.27) | #bf9e72 | hsl(34, 38%, 60%) |
|
|
| 300 | oklch(0.598 0.081 73.02) | #9d7847 | hsl(34, 38%, 45%) |
|
|
| 400 | oklch(0.448 0.058 74.25) | #68502f | hsl(35, 38%, 30%) |
|
|
| 500 | oklch(0.282 0.032 73.88) | #332717 | hsl(34, 38%, 15%) |
|
|
| 600 | oklch(0.273 0.030 74.57) | #302516 | hsl(35, 37%, 14%) |
|
|
| 700 | oklch(0.261 0.029 72.68) | #2d2214 | hsl(34, 38%, 13%) |
|
|
| 800 | oklch(0.250 0.027 76.22) | #292013 | hsl(35, 37%, 12%) |
|
|
| 900 | oklch(0.238 0.025 74.08) | #261d11 | hsl(34, 38%, 11%) |
|
|
| 950 | oklch(0.228 0.023 75.01) | #231b10 | hsl(35, 37%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.018 218.38) | #dbebf0 | hsl(194, 41%, 90%) |
|
|
| 100 | oklch(0.885 0.029 218.97) | #c5dee6 | hsl(195, 40%, 84%) |
|
|
| 200 | oklch(0.841 0.041 216.44) | #aed2dc | hsl(193, 40%, 77%) |
|
|
| 300 | oklch(0.796 0.051 217.38) | #98c5d2 | hsl(193, 39%, 71%) |
|
|
| 400 | oklch(0.753 0.062 217.52) | #81b9c9 | hsl(193, 40%, 65%) |
|
|
| 500 | oklch(0.708 0.072 218.44) | #6bacbf | hsl(194, 40%, 58%) |
|
|
| 600 | oklch(0.637 0.082 220.20) | #4b97ae | hsl(194, 40%, 49%) |
|
|
| 700 | oklch(0.543 0.069 219.57) | #3c798b | hsl(194, 40%, 39%) |
|
|
| 800 | oklch(0.445 0.055 220.09) | #2d5b69 | hsl(194, 40%, 29%) |
|
|
| 900 | oklch(0.340 0.040 218.84) | #1e3d46 | hsl(194, 40%, 20%) |
|
|
| 950 | oklch(0.228 0.024 219.88) | #0f1f24 | hsl(194, 41%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
