Nature-Inspired Color Palette
This palette exudes a serene, nature-inspired vibe with tranquil teal, soft moss green, gentle sunshine yellow, warm orange, and a grounding earthy brown, creating a harmonious blend that feels both refreshing and cozy.
Practical uses and creative applications
The Nature-Inspired Color Palette features a harmonious blend of soft greens, warm yellows, and earthy browns, making it an ideal choice for designers seeking to evoke a sense of tranquility and connection to the outdoors. With colors like #9cddc8, a refreshing mint green, and #f7af63, a cheerful sunflower yellow, this palette can be effectively utilized in branding for eco-friendly products, wellness brands, or organic food packaging.
Its earthy undertones, such as #633d2e, provide a grounding effect that resonates well with a target audience that values sustainability and nature. This versatile palette is perfect for web design, particularly for businesses in the health and wellness sector, where a soothing aesthetic can enhance user experience and build trust.
Designers can also apply this color scheme to interior spaces, creating calming environments in homes, yoga studios, or cafes. By appealing to creatives who prioritize natural themes, the Nature-Inspired Color Palette seamlessly blends style with functionality, making it an excellent choice for projects aiming to inspire and rejuvenate.
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.941 0.028 174.50) | #d9f2ea | hsl(161, 49%, 90%) |
|
|
| 100 | oklch(0.922 0.038 173.35) | #cdeee3 | hsl(160, 49%, 87%) |
|
|
| 200 | oklch(0.904 0.047 172.49) | #c1eadc | hsl(160, 49%, 84%) |
|
|
| 300 | oklch(0.883 0.055 174.33) | #b4e5d6 | hsl(162, 49%, 80%) |
|
|
| 400 | oklch(0.866 0.063 173.31) | #a8e1cf | hsl(161, 49%, 77%) |
|
|
| 500 | oklch(0.848 0.072 172.42) | #9cddc8 | hsl(161, 49%, 74%) |
|
|
| 600 | oklch(0.777 0.103 170.50) | #6bccad | hsl(161, 49%, 61%) |
|
|
| 700 | oklch(0.705 0.122 167.75) | #3fb891 | hsl(161, 49%, 48%) |
|
|
| 800 | oklch(0.562 0.096 167.75) | #2e876a | hsl(160, 49%, 35%) |
|
|
| 900 | oklch(0.411 0.066 168.65) | #1e5644 | hsl(161, 48%, 23%) |
|
|
| 950 | oklch(0.246 0.035 169.96) | #0d261e | hsl(161, 49%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.028 131.81) | #e4efdc | hsl(95, 37%, 90%) |
|
|
| 100 | oklch(0.921 0.034 131.36) | #ddead3 | hsl(94, 35%, 87%) |
|
|
| 200 | oklch(0.904 0.043 132.22) | #d5e6c9 | hsl(95, 37%, 85%) |
|
|
| 300 | oklch(0.887 0.049 131.91) | #cee1c0 | hsl(95, 35%, 82%) |
|
|
| 400 | oklch(0.870 0.058 132.52) | #c6ddb6 | hsl(95, 36%, 79%) |
|
|
| 500 | oklch(0.852 0.064 132.30) | #bfd8ad | hsl(95, 36%, 76%) |
|
|
| 600 | oklch(0.769 0.101 132.88) | #9bc27f | hsl(95, 35%, 63%) |
|
|
| 700 | oklch(0.687 0.133 133.60) | #78ac52 | hsl(95, 35%, 50%) |
|
|
| 800 | oklch(0.549 0.104 133.46) | #587e3c | hsl(95, 35%, 36%) |
|
|
| 900 | oklch(0.400 0.072 133.17) | #385026 | hsl(94, 36%, 23%) |
|
|
| 950 | oklch(0.240 0.038 133.10) | #182310 | hsl(95, 37%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.026 104.56) | #f0efdb | hsl(57, 41%, 90%) |
|
|
| 100 | oklch(0.932 0.033 103.28) | #ecead1 | hsl(56, 42%, 87%) |
|
|
| 200 | oklch(0.919 0.040 102.46) | #e9e6c8 | hsl(55, 43%, 85%) |
|
|
| 300 | oklch(0.906 0.048 103.38) | #e5e2be | hsl(55, 43%, 82%) |
|
|
| 400 | oklch(0.891 0.053 102.68) | #e1ddb5 | hsl(55, 42%, 80%) |
|
|
| 500 | oklch(0.877 0.061 103.44) | #ddd9ab | hsl(55, 42%, 77%) |
|
|
| 600 | oklch(0.806 0.094 104.24) | #c9c37a | hsl(55, 42%, 63%) |
|
|
| 700 | oklch(0.736 0.121 104.12) | #b6ad4a | hsl(55, 43%, 50%) |
|
|
| 800 | oklch(0.586 0.095 104.59) | #857f36 | hsl(55, 42%, 37%) |
|
|
| 900 | oklch(0.428 0.067 104.41) | #555122 | hsl(55, 43%, 23%) |
|
|
| 950 | oklch(0.251 0.034 106.07) | #24230f | hsl(57, 41%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.041 68.49) | #fde6ce | hsl(31, 92%, 90%) |
|
|
| 100 | oklch(0.910 0.057 68.71) | #fbdbb9 | hsl(31, 89%, 85%) |
|
|
| 200 | oklch(0.883 0.075 68.54) | #fad0a3 | hsl(31, 90%, 81%) |
|
|
| 300 | oklch(0.857 0.092 67.66) | #f9c58e | hsl(31, 90%, 77%) |
|
|
| 400 | oklch(0.832 0.110 67.09) | #f8ba78 | hsl(31, 90%, 72%) |
|
|
| 500 | oklch(0.808 0.125 65.88) | #f7af63 | hsl(31, 90%, 68%) |
|
|
| 600 | oklch(0.748 0.160 61.02) | #f4922b | hsl(31, 90%, 56%) |
|
|
| 700 | oklch(0.663 0.158 56.92) | #d9750b | hsl(31, 90%, 45%) |
|
|
| 800 | oklch(0.534 0.125 57.90) | #a15708 | hsl(31, 91%, 33%) |
|
|
| 900 | oklch(0.395 0.090 58.79) | #693805 | hsl(31, 91%, 22%) |
|
|
| 950 | oklch(0.244 0.052 64.04) | #311a02 | hsl(31, 92%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.017 40.80) | #efe1dc | hsl(16, 37%, 90%) |
|
|
| 100 | oklch(0.821 0.038 43.03) | #dbbdb1 | hsl(17, 37%, 78%) |
|
|
| 200 | oklch(0.721 0.062 43.51) | #c79986 | hsl(18, 37%, 65%) |
|
|
| 300 | oklch(0.620 0.087 41.60) | #b3745c | hsl(17, 36%, 53%) |
|
|
| 400 | oklch(0.514 0.080 41.56) | #8e5742 | hsl(17, 37%, 41%) |
|
|
| 500 | oklch(0.401 0.059 42.24) | #633d2e | hsl(17, 37%, 28%) |
|
|
| 600 | oklch(0.365 0.053 42.22) | #563528 | hsl(17, 37%, 25%) |
|
|
| 700 | oklch(0.329 0.046 42.20) | #492d22 | hsl(17, 36%, 21%) |
|
|
| 800 | oklch(0.291 0.039 42.15) | #3c251c | hsl(17, 36%, 17%) |
|
|
| 900 | oklch(0.253 0.033 41.01) | #301d16 | hsl(16, 37%, 14%) |
|
|
| 950 | oklch(0.213 0.025 40.46) | #231510 | hsl(16, 37%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
