Earthy Nature-Inspired Color Palette
This earthy palette blends deep cocoa browns and muted greens with refreshing teal and soft mint, creating a serene, nature-inspired vibe that feels both cozy and rejuvenating.
Practical uses and creative applications
The Earthy Nature-Inspired Color Palette embraces a harmonious blend of warm browns, soft greens, and tranquil teals, ideal for projects that seek to evoke a sense of calm and connection to nature. Featuring rich tones like #5A3D2B and #81634B, this palette is perfect for branding that aims to communicate sustainability and authenticity.
Whether you’re designing a logo for an eco-friendly brand or creating packaging for organic products, these colors will resonate with audiences who value natural aesthetics. Web designers and creatives will find the Earthy Nature-Inspired palette to be a versatile choice for crafting user-friendly interfaces that promote relaxation and mindfulness.
The soothing shades of #75C7AE, #A3DBC5, and #E6F9F1 can enhance website backgrounds, creating a serene atmosphere that encourages exploration. Additionally, this palette is well-suited for interior design projects, bringing a touch of the outdoors inside and fostering a tranquil environment in homes, cafes, or wellness centers.
Perfect for designers looking to capture the essence of nature, this color scheme invites creativity while maintaining an organic, earthy vibe.
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.
| 50 | oklch(0.923 0.016 52.55) | #efe3dc | hsl(22, 37%, 90%) |
|
|
| 100 | oklch(0.825 0.036 54.71) | #d9c0b0 | hsl(23, 35%, 77%) |
|
|
| 200 | oklch(0.725 0.058 54.24) | #c49d84 | hsl(23, 35%, 64%) |
|
|
| 300 | oklch(0.625 0.082 53.35) | #af7a58 | hsl(23, 35%, 52%) |
|
|
| 400 | oklch(0.511 0.069 52.70) | #865b40 | hsl(23, 35%, 39%) |
|
|
| 500 | oklch(0.388 0.050 52.56) | #5a3d2b | hsl(23, 35%, 26%) |
|
|
| 600 | oklch(0.355 0.045 50.78) | #4f3526 | hsl(22, 35%, 23%) |
|
|
| 700 | oklch(0.323 0.040 53.29) | #442e20 | hsl(23, 36%, 20%) |
|
|
| 800 | oklch(0.289 0.035 50.98) | #39261b | hsl(22, 36%, 16%) |
|
|
| 900 | oklch(0.255 0.028 52.01) | #2e1f16 | hsl(23, 35%, 13%) |
|
|
| 950 | oklch(0.218 0.024 51.36) | #231710 | hsl(22, 37%, 10%) |
|
| 50 | oklch(0.926 0.011 63.35) | #ece5df | hsl(28, 25%, 90%) |
|
|
| 100 | oklch(0.851 0.024 61.18) | #dacbbf | hsl(27, 27%, 80%) |
|
|
| 200 | oklch(0.772 0.037 60.27) | #c7b09e | hsl(26, 27%, 70%) |
|
|
| 300 | oklch(0.694 0.049 60.51) | #b4967e | hsl(27, 26%, 60%) |
|
|
| 400 | oklch(0.615 0.063 60.29) | #a17c5e | hsl(27, 26%, 50%) |
|
|
| 500 | oklch(0.524 0.053 59.94) | #81634b | hsl(27, 26%, 40%) |
|
|
| 600 | oklch(0.467 0.046 58.89) | #6e5440 | hsl(26, 26%, 34%) |
|
|
| 700 | oklch(0.408 0.039 58.71) | #5a4535 | hsl(26, 26%, 28%) |
|
|
| 800 | oklch(0.348 0.033 58.83) | #473629 | hsl(26, 27%, 22%) |
|
|
| 900 | oklch(0.288 0.025 61.38) | #34281e | hsl(27, 27%, 16%) |
|
|
| 950 | oklch(0.220 0.016 62.46) | #201913 | hsl(28, 25%, 10%) |
|
| 50 | oklch(0.938 0.024 176.82) | #dbf0ea | hsl(163, 41%, 90%) |
|
|
| 100 | oklch(0.904 0.038 175.75) | #c6e8de | hsl(162, 43%, 84%) |
|
|
| 200 | oklch(0.870 0.052 174.53) | #b2e0d2 | hsl(162, 43%, 79%) |
|
|
| 300 | oklch(0.837 0.065 173.51) | #9ed8c6 | hsl(161, 43%, 73%) |
|
|
| 400 | oklch(0.802 0.077 173.44) | #89cfba | hsl(162, 42%, 67%) |
|
|
| 500 | oklch(0.770 0.089 172.27) | #75c7ae | hsl(162, 42%, 62%) |
|
|
| 600 | oklch(0.712 0.109 170.25) | #4fb898 | hsl(162, 43%, 52%) |
|
|
| 700 | oklch(0.609 0.094 169.96) | #3d957a | hsl(162, 42%, 41%) |
|
|
| 800 | oklch(0.496 0.076 169.64) | #2d705b | hsl(161, 43%, 31%) |
|
|
| 900 | oklch(0.374 0.054 171.34) | #1e4a3d | hsl(162, 42%, 20%) |
|
|
| 950 | oklch(0.240 0.030 173.11) | #0f241e | hsl(163, 41%, 10%) |
|
| 50 | oklch(0.939 0.027 170.28) | #daf1e8 | hsl(157, 45%, 90%) |
|
|
| 100 | oklch(0.919 0.034 170.72) | #cfece1 | hsl(157, 43%, 87%) |
|
|
| 200 | oklch(0.901 0.042 169.85) | #c4e8da | hsl(157, 44%, 84%) |
|
|
| 300 | oklch(0.884 0.050 169.14) | #b9e4d3 | hsl(156, 44%, 81%) |
|
|
| 400 | oklch(0.864 0.057 169.27) | #aedfcc | hsl(157, 43%, 78%) |
|
|
| 500 | oklch(0.847 0.065 168.59) | #a3dbc5 | hsl(156, 44%, 75%) |
|
|
| 600 | oklch(0.770 0.096 166.88) | #73c8a7 | hsl(157, 44%, 62%) |
|
|
| 700 | oklch(0.692 0.118 164.52) | #46b389 | hsl(157, 44%, 49%) |
|
|
| 800 | oklch(0.555 0.093 163.93) | #348464 | hsl(156, 43%, 36%) |
|
|
| 900 | oklch(0.405 0.065 164.83) | #215440 | hsl(156, 44%, 23%) |
|
|
| 950 | oklch(0.242 0.034 165.94) | #0e251c | hsl(157, 45%, 10%) |
|
| 50 | oklch(0.944 0.037 168.37) | #d6f5e8 | hsl(155, 61%, 90%) |
|
|
| 100 | oklch(0.949 0.034 168.77) | #d9f6ea | hsl(155, 62%, 91%) |
|
|
| 200 | oklch(0.954 0.032 169.22) | #dcf7ec | hsl(156, 63%, 92%) |
|
|
| 300 | oklch(0.957 0.027 167.83) | #e0f7ed | hsl(154, 59%, 92%) |
|
|
| 400 | oklch(0.961 0.025 168.25) | #e3f8ef | hsl(154, 60%, 93%) |
|
|
| 500 | oklch(0.966 0.023 168.75) | #e6f9f1 | hsl(155, 61%, 94%) |
|
|
| 600 | oklch(0.876 0.082 166.32) | #a1e8ca | hsl(155, 61%, 77%) |
|
|
| 700 | oklch(0.798 0.135 162.96) | #5cd8a4 | hsl(155, 61%, 60%) |
|
|
| 800 | oklch(0.682 0.142 160.03) | #2bb37a | hsl(155, 61%, 44%) |
|
|
| 900 | oklch(0.480 0.097 160.69) | #1a6e4b | hsl(155, 62%, 27%) |
|
|
| 950 | oklch(0.253 0.044 162.56) | #0a291c | hsl(155, 61%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
