Earthy Nature-Inspired Color Palette
This earthy palette blends muted greens and soft neutrals with deep shadows, creating a serene, nature-inspired vibe that feels both tranquil and grounded.
Practical uses and creative applications
The Earthy Nature-Inspired Color Palette offers a harmonious blend of natural hues that evoke the tranquility of the great outdoors. Featuring rich greens and soft, muted tones (#95aa61, #d6e68a) complemented by deep earthy shades (#121310) and light neutrals (#f6f8ee), this palette is perfect for brands and creatives looking to convey a sense of sustainability and connection to nature.
Whether you’re designing a website for an eco-friendly product, crafting packaging for organic goods, or creating a serene interior space, these colors provide an inviting backdrop that resonates with environmentally-conscious audiences. Ideal for designers and creatives in fields such as branding, web design, and interior decor, the Earthy Nature-Inspired Color Palette evokes feelings of calmness and stability.
It suits brands focused on wellness, outdoor activities, or organic products, making it a fantastic choice for businesses that want to reflect their commitment to sustainability. Use this palette to create cohesive marketing materials that tell a story of nature, tranquility, and organic living, appealing to audiences who appreciate the beauty of the natural world.
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.939 0.020 118.95) | #e9edde | hsl(76, 29%, 90%) |
|
|
| 100 | oklch(0.893 0.037 120.58) | #d8e0c5 | hsl(78, 30%, 83%) |
|
|
| 200 | oklch(0.845 0.053 120.65) | #c7d2ac | hsl(77, 30%, 75%) |
|
|
| 300 | oklch(0.800 0.069 120.68) | #b7c593 | hsl(77, 30%, 67%) |
|
|
| 400 | oklch(0.751 0.085 121.13) | #a6b77a | hsl(77, 30%, 60%) |
|
|
| 500 | oklch(0.705 0.101 122.14) | #95aa61 | hsl(77, 30%, 52%) |
|
|
| 600 | oklch(0.628 0.096 122.63) | #7e924e | hsl(78, 30%, 44%) |
|
|
| 700 | oklch(0.537 0.079 121.83) | #66753f | hsl(77, 30%, 35%) |
|
|
| 800 | oklch(0.443 0.064 122.36) | #4d5930 | hsl(78, 30%, 27%) |
|
|
| 900 | oklch(0.345 0.047 121.88) | #353d21 | hsl(77, 30%, 18%) |
|
|
| 950 | oklch(0.239 0.028 120.67) | #1d2112 | hsl(76, 29%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.007 124.45) | #e6e8e3 | hsl(84, 10%, 90%) |
|
|
| 100 | oklch(0.804 0.017 121.84) | #bdc1b5 | hsl(80, 9%, 73%) |
|
|
| 200 | oklch(0.676 0.028 121.42) | #949a87 | hsl(79, 9%, 57%) |
|
|
| 300 | oklch(0.531 0.027 123.14) | #696f5e | hsl(81, 8%, 40%) |
|
|
| 400 | oklch(0.369 0.017 120.83) | #3e4137 | hsl(78, 8%, 24%) |
|
|
| 500 | oklch(0.184 0.006 122.04) | #121310 | hsl(80, 9%, 7%) |
|
|
| 600 | oklch(0.193 0.008 118.56) | #141511 | hsl(75, 11%, 7%) |
|
|
| 700 | oklch(0.198 0.006 121.99) | #151613 | hsl(80, 7%, 8%) |
|
|
| 800 | oklch(0.206 0.008 118.50) | #171814 | hsl(75, 9%, 9%) |
|
|
| 900 | oklch(0.215 0.008 118.47) | #191a16 | hsl(75, 8%, 9%) |
|
|
| 950 | oklch(0.222 0.010 125.00) | #1a1c17 | hsl(84, 10%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.028 115.69) | #ecf0db | hsl(71, 41%, 90%) |
|
|
| 100 | oklch(0.953 0.025 116.54) | #eef2df | hsl(73, 42%, 91%) |
|
|
| 200 | oklch(0.958 0.021 115.42) | #f0f3e3 | hsl(71, 40%, 92%) |
|
|
| 300 | oklch(0.964 0.020 115.96) | #f2f5e6 | hsl(72, 43%, 93%) |
|
|
| 400 | oklch(0.968 0.016 114.37) | #f4f6ea | hsl(70, 40%, 94%) |
|
|
| 500 | oklch(0.975 0.013 115.83) | #f6f8ee | hsl(72, 42%, 95%) |
|
|
| 600 | oklch(0.884 0.063 117.46) | #d5dfb0 | hsl(73, 42%, 78%) |
|
|
| 700 | oklch(0.793 0.108 117.97) | #b5c573 | hsl(72, 41%, 61%) |
|
|
| 800 | oklch(0.669 0.121 118.97) | #8d9f42 | hsl(72, 41%, 44%) |
|
|
| 900 | oklch(0.472 0.083 119.45) | #566228 | hsl(72, 42%, 27%) |
|
|
| 950 | oklch(0.250 0.036 117.97) | #20240f | hsl(71, 41%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.044 115.60) | #f0f6d5 | hsl(71, 65%, 90%) |
|
|
| 100 | oklch(0.947 0.059 115.73) | #ebf3c6 | hsl(71, 65%, 86%) |
|
|
| 200 | oklch(0.934 0.075 115.95) | #e6f0b7 | hsl(71, 66%, 83%) |
|
|
| 300 | oklch(0.919 0.088 115.64) | #e1eca8 | hsl(70, 64%, 79%) |
|
|
| 400 | oklch(0.905 0.103 116.60) | #dbe999 | hsl(71, 65%, 76%) |
|
|
| 500 | oklch(0.893 0.117 116.91) | #d6e68a | hsl(70, 65%, 72%) |
|
|
| 600 | oklch(0.849 0.159 118.22) | #c4db56 | hsl(70, 65%, 60%) |
|
|
| 700 | oklch(0.783 0.173 119.47) | #acc72a | hsl(70, 65%, 47%) |
|
|
| 800 | oklch(0.623 0.136 119.42) | #7e921f | hsl(70, 65%, 35%) |
|
|
| 900 | oklch(0.456 0.097 119.24) | #515e14 | hsl(71, 65%, 22%) |
|
|
| 950 | oklch(0.271 0.052 118.79) | #242a09 | hsl(71, 65%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.020 115.97) | #eaedde | hsl(72, 29%, 90%) |
|
|
| 100 | oklch(0.885 0.038 117.01) | #d7ddc1 | hsl(73, 29%, 81%) |
|
|
| 200 | oklch(0.831 0.057 116.42) | #c5cda3 | hsl(71, 30%, 72%) |
|
|
| 300 | oklch(0.776 0.075 117.38) | #b2bd86 | hsl(72, 29%, 63%) |
|
|
| 400 | oklch(0.720 0.093 118.28) | #9fad69 | hsl(72, 29%, 55%) |
|
|
| 500 | oklch(0.649 0.095 118.53) | #899752 | hsl(72, 30%, 46%) |
|
|
| 600 | oklch(0.573 0.082 117.87) | #747f45 | hsl(71, 30%, 38%) |
|
|
| 700 | oklch(0.497 0.071 118.70) | #5e6838 | hsl(73, 30%, 31%) |
|
|
| 800 | oklch(0.415 0.056 117.90) | #49502c | hsl(72, 29%, 24%) |
|
|
| 900 | oklch(0.331 0.043 119.42) | #33391f | hsl(74, 30%, 17%) |
|
|
| 950 | oklch(0.240 0.027 117.71) | #1e2112 | hsl(72, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
