Fresh Earthy Color Palette
This palette exudes a fresh, earthy vibe with lush greens and vibrant yellows, evoking the serene beauty of a sunlit forest under a soft, shadowy canopy.
Practical uses and creative applications
The Fresh Earthy Color Palette is an invigorating blend of nature-inspired hues that can elevate any creative project. Featuring vibrant greens and soft, earthy tones, this palette is perfect for branding that seeks to convey sustainability, health, and a connection to the natural world.
The deep teal (#379f7a) brings a sense of tranquility, while the sunny yellow-green (#bbb749) and mellow cream (#e0fbac) inject warmth and optimism, making it ideal for businesses in the wellness, organic food, and eco-friendly sectors. Ideal for designers and creatives looking to evoke a fresh and organic aesthetic, this color palette shines in web design, packaging, and interior decor.
Use it to create inviting websites that appeal to eco-conscious consumers or to design packaging that stands out on the shelves while promoting a natural lifestyle. In interior spaces, these colors can foster a calming atmosphere, perfect for homes or retreats that aim to blend comfort with a touch of nature.
Whether you’re redesigning a brand’s identity or crafting a serene living space, the Fresh Earthy Color Palette is your go-to choice for inspiring creativity and connection to the earth.
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.940 0.029 172.05) | #d9f2e9 | hsl(158, 49%, 90%) |
|
|
| 100 | oklch(0.884 0.055 171.37) | #b5e5d4 | hsl(159, 48%, 80%) |
|
|
| 200 | oklch(0.830 0.082 169.88) | #90d9bf | hsl(159, 49%, 71%) |
|
|
| 300 | oklch(0.777 0.105 168.35) | #6cccaa | hsl(159, 48%, 61%) |
|
|
| 400 | oklch(0.729 0.125 165.99) | #47c095 | hsl(159, 49%, 52%) |
|
|
| 500 | oklch(0.633 0.111 165.73) | #379f7a | hsl(159, 49%, 42%) |
|
|
| 600 | oklch(0.562 0.098 165.41) | #2f8767 | hsl(158, 48%, 36%) |
|
|
| 700 | oklch(0.489 0.084 165.99) | #266f55 | hsl(159, 49%, 29%) |
|
|
| 800 | oklch(0.410 0.068 166.33) | #1e5642 | hsl(159, 48%, 23%) |
|
|
| 900 | oklch(0.330 0.053 167.66) | #153e30 | hsl(160, 49%, 16%) |
|
|
| 950 | oklch(0.245 0.036 167.40) | #0d261d | hsl(158, 49%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.026 136.33) | #e2eedd | hsl(102, 33%, 90%) |
|
|
| 100 | oklch(0.887 0.043 136.68) | #cde1c5 | hsl(103, 32%, 83%) |
|
|
| 200 | oklch(0.839 0.062 136.31) | #b8d4ac | hsl(102, 32%, 75%) |
|
|
| 300 | oklch(0.789 0.082 136.80) | #a2c793 | hsl(103, 32%, 68%) |
|
|
| 400 | oklch(0.743 0.101 137.17) | #8dbb7b | hsl(103, 32%, 61%) |
|
|
| 500 | oklch(0.695 0.120 137.15) | #78ae62 | hsl(103, 32%, 53%) |
|
|
| 600 | oklch(0.619 0.116 137.20) | #63964e | hsl(103, 32%, 45%) |
|
|
| 700 | oklch(0.530 0.099 137.29) | #4f793e | hsl(103, 32%, 36%) |
|
|
| 800 | oklch(0.438 0.079 137.23) | #3c5c2f | hsl(103, 32%, 27%) |
|
|
| 900 | oklch(0.340 0.059 137.12) | #293f20 | hsl(103, 33%, 19%) |
|
|
| 950 | oklch(0.235 0.036 136.88) | #162211 | hsl(102, 33%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.029 104.82) | #f1f0da | hsl(57, 45%, 90%) |
|
|
| 100 | oklch(0.913 0.053 106.22) | #e6e5bd | hsl(59, 45%, 82%) |
|
|
| 200 | oklch(0.873 0.074 106.16) | #dbd9a0 | hsl(58, 45%, 74%) |
|
|
| 300 | oklch(0.837 0.096 106.33) | #d1ce83 | hsl(58, 46%, 67%) |
|
|
| 400 | oklch(0.798 0.115 106.51) | #c6c266 | hsl(58, 46%, 59%) |
|
|
| 500 | oklch(0.761 0.131 107.17) | #bbb749 | hsl(58, 46%, 51%) |
|
|
| 600 | oklch(0.674 0.117 106.89) | #9f9b3b | hsl(58, 46%, 43%) |
|
|
| 700 | oklch(0.579 0.100 107.76) | #807e30 | hsl(59, 45%, 35%) |
|
|
| 800 | oklch(0.478 0.080 107.26) | #626025 | hsl(58, 45%, 26%) |
|
|
| 900 | oklch(0.371 0.060 106.40) | #444219 | hsl(57, 46%, 18%) |
|
|
| 950 | oklch(0.255 0.037 106.40) | #25240e | hsl(57, 45%, 10%) |
|
dsfds
| 50 | oklch(0.970 0.063 122.86) | #edfdce | hsl(80, 92%, 90%) |
|
|
| 100 | oklch(0.965 0.071 122.98) | #eafcc7 | hsl(80, 90%, 88%) |
|
|
| 200 | oklch(0.962 0.079 123.09) | #e8fcc1 | hsl(80, 91%, 87%) |
|
|
| 300 | oklch(0.958 0.089 123.66) | #e5fcba | hsl(81, 92%, 86%) |
|
|
| 400 | oklch(0.953 0.096 123.19) | #e3fbb3 | hsl(80, 90%, 84%) |
|
|
| 500 | oklch(0.950 0.105 123.71) | #e0fbac | hsl(81, 91%, 83%) |
|
|
| 600 | oklch(0.915 0.182 125.95) | #c5f865 | hsl(81, 91%, 68%) |
|
|
| 700 | oklch(0.886 0.228 128.58) | #abf41e | hsl(80, 91%, 54%) |
|
|
| 800 | oklch(0.734 0.194 129.34) | #81bf09 | hsl(80, 91%, 39%) |
|
|
| 900 | oklch(0.524 0.136 128.88) | #517806 | hsl(81, 90%, 25%) |
|
|
| 950 | oklch(0.288 0.072 127.16) | #213102 | hsl(80, 92%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.023 95.97) | #f0ecdb | hsl(49, 41%, 90%) |
|
|
| 100 | oklch(0.847 0.060 98.05) | #d7cea1 | hsl(50, 40%, 74%) |
|
|
| 200 | oklch(0.754 0.096 98.15) | #bfb066 | hsl(50, 41%, 57%) |
|
|
| 300 | oklch(0.617 0.094 98.46) | #94863e | hsl(50, 41%, 41%) |
|
|
| 400 | oklch(0.432 0.063 98.97) | #595126 | hsl(51, 40%, 25%) |
|
|
| 500 | oklch(0.225 0.027 98.29) | #1f1c0d | hsl(50, 41%, 9%) |
|
|
| 600 | oklch(0.229 0.028 98.93) | #201d0d | hsl(51, 42%, 9%) |
|
|
| 700 | oklch(0.234 0.028 98.93) | #211e0e | hsl(51, 40%, 9%) |
|
|
| 800 | oklch(0.238 0.030 99.50) | #221f0e | hsl(51, 42%, 9%) |
|
|
| 900 | oklch(0.242 0.030 99.49) | #23200f | hsl(51, 40%, 10%) |
|
|
| 950 | oklch(0.243 0.030 96.50) | #24200f | hsl(49, 41%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
