Earthy Nature Color Palette
This earthy palette blends soft sage greens with deep forest hues, evoking a tranquil, nature-inspired vibe that feels both grounded and rejuvenating.
Practical uses and creative applications
The Earthy Nature Color Palette is a harmonious blend of muted greens and rich, earthy tones, ideal for projects that seek to evoke a sense of tranquility and connection to the natural world. Comprising soft shades like #B0CC99 and deeper hues such as #3A4F30, this palette is perfect for branding initiatives that prioritize sustainability, eco-friendliness, or organic products.
Whether you're designing a logo for an outdoor adventure company or creating packaging for a natural skincare line, these colors can help convey a message of authenticity and groundedness. This palette is particularly suited for web design and interiors, as it creates a calming atmosphere that resonates with users seeking refuge from the fast-paced digital age.
Designers and creatives can leverage the earthy tones of #677E52 and #2A322A to craft spaces or online experiences that promote relaxation and well-being. The versatility of the Earthy Nature Color Palette allows it to shine in various applications, from cozy café interiors to serene wellness centers, making it an excellent choice for anyone looking to enhance their brand with a touch of nature-inspired elegance.
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.938 0.025 129.90) | #e5eedd | hsl(92, 33%, 90%) |
|
|
| 100 | oklch(0.912 0.035 130.49) | #dae7cf | hsl(93, 33%, 86%) |
|
|
| 200 | oklch(0.887 0.044 130.29) | #d0e0c2 | hsl(92, 33%, 82%) |
|
|
| 300 | oklch(0.863 0.056 131.17) | #c5dab4 | hsl(93, 34%, 78%) |
|
|
| 400 | oklch(0.837 0.065 131.04) | #bbd3a7 | hsl(93, 33%, 74%) |
|
|
| 500 | oklch(0.811 0.076 131.34) | #b0cc99 | hsl(93, 33%, 70%) |
|
|
| 600 | oklch(0.736 0.107 132.19) | #90b870 | hsl(93, 34%, 58%) |
|
|
| 700 | oklch(0.643 0.117 132.59) | #719c4e | hsl(93, 33%, 46%) |
|
|
| 800 | oklch(0.520 0.092 132.53) | #54743a | hsl(93, 33%, 34%) |
|
|
| 900 | oklch(0.385 0.066 132.45) | #364b25 | hsl(93, 34%, 22%) |
|
|
| 950 | oklch(0.238 0.033 131.24) | #192211 | hsl(92, 33%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.016 130.42) | #e5ebe0 | hsl(93, 22%, 90%) |
|
|
| 100 | oklch(0.865 0.031 129.78) | #ccd7c2 | hsl(91, 21%, 80%) |
|
|
| 200 | oklch(0.796 0.047 129.14) | #b3c3a3 | hsl(90, 21%, 70%) |
|
|
| 300 | oklch(0.728 0.065 130.79) | #99b085 | hsl(92, 21%, 61%) |
|
|
| 400 | oklch(0.657 0.083 130.66) | #809c66 | hsl(91, 21%, 51%) |
|
|
| 500 | oklch(0.563 0.070 130.79) | #677e52 | hsl(91, 21%, 41%) |
|
|
| 600 | oklch(0.501 0.061 131.38) | #576b46 | hsl(92, 21%, 35%) |
|
|
| 700 | oklch(0.438 0.053 130.50) | #485839 | hsl(91, 21%, 28%) |
|
|
| 800 | oklch(0.372 0.043 131.33) | #38452d | hsl(93, 21%, 22%) |
|
|
| 900 | oklch(0.303 0.033 129.79) | #293220 | hsl(90, 22%, 16%) |
|
|
| 950 | oklch(0.229 0.022 131.26) | #191f14 | hsl(93, 22%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.020 135.83) | #e3ecdf | hsl(102, 25%, 90%) |
|
|
| 100 | oklch(0.844 0.045 135.88) | #bfd3b6 | hsl(101, 25%, 77%) |
|
|
| 200 | oklch(0.754 0.071 136.05) | #9bba8d | hsl(101, 25%, 64%) |
|
|
| 300 | oklch(0.660 0.097 135.87) | #77a063 | hsl(100, 24%, 51%) |
|
|
| 400 | oklch(0.535 0.079 136.13) | #587849 | hsl(101, 24%, 38%) |
|
|
| 500 | oklch(0.401 0.056 135.98) | #3a4f30 | hsl(101, 24%, 25%) |
|
|
| 600 | oklch(0.370 0.052 136.01) | #33462a | hsl(101, 25%, 22%) |
|
|
| 700 | oklch(0.335 0.044 136.47) | #2c3c25 | hsl(102, 24%, 19%) |
|
|
| 800 | oklch(0.302 0.040 136.59) | #25331f | hsl(102, 24%, 16%) |
|
|
| 900 | oklch(0.265 0.033 136.17) | #1e2919 | hsl(101, 24%, 13%) |
|
|
| 950 | oklch(0.230 0.028 136.29) | #172013 | hsl(102, 25%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.016 126.83) | #e6ebe0 | hsl(87, 22%, 90%) |
|
|
| 100 | oklch(0.838 0.044 129.06) | #c1d0b2 | hsl(90, 24%, 76%) |
|
|
| 200 | oklch(0.740 0.070 129.19) | #9db485 | hsl(89, 24%, 61%) |
|
|
| 300 | oklch(0.631 0.086 130.15) | #78945c | hsl(90, 23%, 47%) |
|
|
| 400 | oklch(0.487 0.063 129.62) | #546740 | hsl(89, 23%, 33%) |
|
|
| 500 | oklch(0.332 0.040 129.92) | #2f3a24 | hsl(90, 23%, 18%) |
|
|
| 600 | oklch(0.313 0.037 129.89) | #2b3521 | hsl(90, 23%, 17%) |
|
|
| 700 | oklch(0.291 0.034 129.87) | #262f1d | hsl(90, 24%, 15%) |
|
|
| 800 | oklch(0.272 0.031 129.82) | #222a1a | hsl(90, 24%, 13%) |
|
|
| 900 | oklch(0.253 0.027 129.75) | #1e2517 | hsl(90, 23%, 12%) |
|
|
| 950 | oklch(0.230 0.022 127.88) | #1a1f14 | hsl(87, 22%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.009 145.51) | #e3e8e3 | hsl(120, 10%, 90%) |
|
|
| 100 | oklch(0.815 0.019 145.39) | #bbc6bb | hsl(120, 9%, 75%) |
|
|
| 200 | oklch(0.704 0.031 145.24) | #94a594 | hsl(120, 9%, 61%) |
|
|
| 300 | oklch(0.584 0.040 145.04) | #6d826d | hsl(120, 9%, 47%) |
|
|
| 400 | oklch(0.451 0.028 145.08) | #4c5a4c | hsl(120, 8%, 33%) |
|
|
| 500 | oklch(0.307 0.018 145.12) | #2a322a | hsl(120, 9%, 18%) |
|
|
| 600 | oklch(0.291 0.018 145.09) | #262e26 | hsl(120, 10%, 16%) |
|
|
| 700 | oklch(0.273 0.014 145.18) | #232923 | hsl(120, 8%, 15%) |
|
|
| 800 | oklch(0.256 0.014 145.15) | #1f251f | hsl(120, 9%, 13%) |
|
|
| 900 | oklch(0.237 0.012 145.18) | #1b201b | hsl(120, 8%, 12%) |
|
|
| 950 | oklch(0.219 0.012 145.15) | #171c17 | hsl(120, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
