Vibrant Nature-Inspired Color Palette
This vibrant palette radiates a lively, fresh energy with its bright green and soft mint accents, complemented by earthy teal, warm coral, and a bold magenta, creating a dynamic, uplifting atmosphere perfect for modern, nature-inspired designs.
Practical uses and creative applications
Discover the Vibrant Nature-Inspired Color Palette, a stunning collection of hues that brings the essence of the outdoors into your design projects. With its invigorating greens, warm earth tones, and rich accents, this palette features colors like #0EC13E, a lively green reminiscent of fresh foliage, and #E57E4C, a warm terracotta that evokes sunlit landscapes.
Ideal for branding and web design, this palette encapsulates the freshness of nature, making it perfect for eco-friendly brands, wellness products, or outdoor adventure companies looking to convey a vibrant and energizing identity. This color palette is also a fantastic choice for packaging and interior design, as it creates a warm, inviting atmosphere that resonates with those seeking a natural aesthetic.
Designers and creatives can harness the harmonious blend of #96E18C, a soft mint green, and #B51B5A, a bold berry tone, to craft visually striking compositions that evoke feelings of tranquility and vitality. Whether you're working on a modern website, a cozy café interior, or innovative product packaging, the Vibrant Nature-Inspired Color Palette is sure to inspire and engage audiences who appreciate the beauty of nature in their everyday lives.
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.951 0.064 153.27) | #cffcdb | hsl(136, 88%, 90%) |
|
|
| 100 | oklch(0.907 0.122 152.01) | #a0f8b8 | hsl(136, 86%, 80%) |
|
|
| 200 | oklch(0.873 0.177 150.17) | #71f595 | hsl(136, 87%, 70%) |
|
|
| 300 | oklch(0.844 0.221 147.93) | #42f171 | hsl(136, 86%, 60%) |
|
|
| 400 | oklch(0.827 0.252 145.64) | #13ee4e | hsl(136, 87%, 50%) |
|
|
| 500 | oklch(0.706 0.215 145.67) | #0ec13e | hsl(136, 86%, 41%) |
|
|
| 600 | oklch(0.626 0.189 145.83) | #0ca435 | hsl(136, 86%, 35%) |
|
|
| 700 | oklch(0.544 0.163 145.90) | #0a872b | hsl(136, 86%, 28%) |
|
|
| 800 | oklch(0.458 0.135 146.22) | #086a22 | hsl(136, 86%, 22%) |
|
|
| 900 | oklch(0.367 0.106 146.78) | #064d19 | hsl(136, 86%, 16%) |
|
|
| 950 | oklch(0.271 0.075 147.85) | #03300f | hsl(136, 88%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.047 142.32) | #daf4d7 | hsl(114, 57%, 90%) |
|
|
| 100 | oklch(0.921 0.067 142.40) | #ccf1c8 | hsl(114, 59%, 86%) |
|
|
| 200 | oklch(0.900 0.085 141.82) | #bfedb9 | hsl(113, 59%, 83%) |
|
|
| 300 | oklch(0.880 0.103 141.86) | #b1e9aa | hsl(113, 59%, 79%) |
|
|
| 400 | oklch(0.860 0.120 141.51) | #a4e59b | hsl(113, 59%, 75%) |
|
|
| 500 | oklch(0.840 0.137 141.54) | #96e18c | hsl(113, 59%, 72%) |
|
|
| 600 | oklch(0.780 0.189 141.28) | #69d45a | hsl(113, 59%, 59%) |
|
|
| 700 | oklch(0.706 0.207 141.50) | #42be32 | hsl(113, 58%, 47%) |
|
|
| 800 | oklch(0.565 0.163 141.45) | #318c25 | hsl(113, 58%, 35%) |
|
|
| 900 | oklch(0.414 0.115 141.59) | #1f5a18 | hsl(114, 58%, 22%) |
|
|
| 950 | oklch(0.248 0.060 141.65) | #0e280b | hsl(114, 57%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.013 172.35) | #e0ebe7 | hsl(158, 22%, 90%) |
|
|
| 100 | oklch(0.859 0.024 172.75) | #c2d6cf | hsl(159, 20%, 80%) |
|
|
| 200 | oklch(0.789 0.036 171.18) | #a4c2b7 | hsl(158, 20%, 70%) |
|
|
| 300 | oklch(0.717 0.048 169.95) | #86ae9f | hsl(158, 20%, 60%) |
|
|
| 400 | oklch(0.645 0.061 168.66) | #689a87 | hsl(157, 20%, 51%) |
|
|
| 500 | oklch(0.551 0.052 169.52) | #537c6d | hsl(158, 20%, 41%) |
|
|
| 600 | oklch(0.490 0.045 170.97) | #46695d | hsl(159, 20%, 34%) |
|
|
| 700 | oklch(0.430 0.039 168.83) | #3a574c | hsl(157, 20%, 28%) |
|
|
| 800 | oklch(0.365 0.032 170.82) | #2d443c | hsl(159, 20%, 22%) |
|
|
| 900 | oklch(0.297 0.024 169.48) | #21312b | hsl(158, 20%, 16%) |
|
|
| 950 | oklch(0.227 0.018 170.28) | #141f1b | hsl(158, 22%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.034 48.33) | #f9dfd2 | hsl(20, 76%, 90%) |
|
|
| 100 | oklch(0.875 0.054 47.48) | #f5ccb8 | hsl(20, 75%, 84%) |
|
|
| 200 | oklch(0.828 0.076 46.51) | #f1b89d | hsl(19, 75%, 78%) |
|
|
| 300 | oklch(0.783 0.098 46.77) | #eda582 | hsl(20, 75%, 72%) |
|
|
| 400 | oklch(0.739 0.121 45.87) | #e99167 | hsl(19, 75%, 66%) |
|
|
| 500 | oklch(0.698 0.143 45.40) | #e57e4c | hsl(20, 75%, 60%) |
|
|
| 600 | oklch(0.636 0.175 42.53) | #de5e20 | hsl(20, 75%, 50%) |
|
|
| 700 | oklch(0.541 0.147 42.53) | #b24b1a | hsl(19, 75%, 40%) |
|
|
| 800 | oklch(0.442 0.115 43.73) | #853913 | hsl(20, 75%, 30%) |
|
|
| 900 | oklch(0.336 0.083 44.11) | #59260d | hsl(20, 75%, 20%) |
|
|
| 950 | oklch(0.223 0.048 46.42) | #2d1306 | hsl(20, 76%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.046 351.69) | #f8d3e2 | hsl(336, 73%, 90%) |
|
|
| 100 | oklch(0.809 0.096 352.99) | #f2a7c6 | hsl(335, 74%, 80%) |
|
|
| 200 | oklch(0.722 0.146 355.42) | #eb7ba9 | hsl(335, 74%, 70%) |
|
|
| 300 | oklch(0.649 0.191 358.66) | #e5508d | hsl(335, 74%, 61%) |
|
|
| 400 | oklch(0.593 0.220 3.58) | #de2470 | hsl(335, 74%, 51%) |
|
|
| 500 | oklch(0.509 0.189 3.59) | #b51b5a | hsl(335, 74%, 41%) |
|
|
| 600 | oklch(0.453 0.167 3.57) | #9a174c | hsl(336, 74%, 35%) |
|
|
| 700 | oklch(0.393 0.143 2.61) | #7e133f | hsl(335, 74%, 28%) |
|
|
| 800 | oklch(0.334 0.119 2.40) | #630f31 | hsl(336, 74%, 22%) |
|
|
| 900 | oklch(0.272 0.093 1.06) | #480b24 | hsl(335, 73%, 16%) |
|
|
| 950 | oklch(0.204 0.063 359.30) | #2c0716 | hsl(336, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
