Fresh Earthy Color Palette
This palette exudes a fresh, earthy vibe with a crisp white base, vibrant green accents, deep forest tones, and bold charcoal shadows, creating a harmonious blend of vitality and sophistication.
Practical uses and creative applications
The Fresh Earthy Color Palette is a harmonious blend of soft neutrals and vibrant greens that evokes the essence of nature. With its main colors#F9F8F6, a gentle off-white; #63D72A, a lively lime green; #387516, a rich forest green; #21201C, a deep charcoal; and #100F0D, an earthy blackthis palette is perfect for branding and web design aimed at eco-conscious consumers.
It effectively communicates sustainability and freshness, making it an ideal choice for businesses in the organic food, wellness, or outdoor industries. Designed for creatives and designers, the Fresh Earthy Color Palette can enhance various applications, from packaging design to interior decor.
The soothing neutrals provide a calming backdrop, while the vibrant greens inject energy and life into any project. Whether you’re designing a modern website, creating eco-friendly product packaging, or styling a serene interior space, this palette sets a mood that is both refreshing and grounded.
It's particularly suited for brands that want to foster a connection with their audience through a natural, earthy aesthetic.
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.929 0.010 81.79) | #ebe7e0 | hsl(38, 22%, 90%) |
|
|
| 100 | oklch(0.940 0.008 91.49) | #edebe5 | hsl(45, 18%, 91%) |
|
|
| 200 | oklch(0.949 0.007 88.64) | #f0eee9 | hsl(43, 19%, 93%) |
|
|
| 300 | oklch(0.959 0.006 84.57) | #f3f1ed | hsl(40, 20%, 94%) |
|
|
| 400 | oklch(0.970 0.004 91.45) | #f6f5f2 | hsl(45, 18%, 96%) |
|
|
| 500 | oklch(0.979 0.003 84.56) | #f9f8f6 | hsl(40, 20%, 97%) |
|
|
| 600 | oklch(0.855 0.020 87.52) | #d5cfc1 | hsl(42, 19%, 80%) |
|
|
| 700 | oklch(0.726 0.039 84.55) | #b2a58b | hsl(40, 20%, 62%) |
|
|
| 800 | oklch(0.585 0.048 85.06) | #897a5b | hsl(40, 20%, 45%) |
|
|
| 900 | oklch(0.416 0.032 85.54) | #544b38 | hsl(41, 20%, 27%) |
|
|
| 950 | oklch(0.224 0.014 81.58) | #1f1b14 | hsl(38, 22%, 10%) |
|
| 50 | oklch(0.950 0.052 134.78) | #e0f7d4 | hsl(99, 69%, 90%) |
|
|
| 100 | oklch(0.913 0.094 135.39) | #c7f1b2 | hsl(100, 69%, 82%) |
|
|
| 200 | oklch(0.875 0.133 135.75) | #aeea90 | hsl(100, 68%, 74%) |
|
|
| 300 | oklch(0.842 0.171 136.32) | #95e46e | hsl(100, 69%, 66%) |
|
|
| 400 | oklch(0.809 0.202 136.99) | #7cdd4c | hsl(100, 68%, 58%) |
|
|
| 500 | oklch(0.781 0.226 138.02) | #63d72a | hsl(100, 68%, 50%) |
|
|
| 600 | oklch(0.690 0.199 137.98) | #53b622 | hsl(100, 69%, 42%) |
|
|
| 700 | oklch(0.590 0.168 137.92) | #43931c | hsl(100, 68%, 34%) |
|
|
| 800 | oklch(0.486 0.137 137.75) | #337015 | hsl(100, 68%, 26%) |
|
|
| 900 | oklch(0.379 0.103 137.75) | #234e0f | hsl(101, 68%, 18%) |
|
|
| 950 | oklch(0.261 0.065 136.62) | #142b08 | hsl(99, 69%, 10%) |
|
| 50 | oklch(0.951 0.052 133.79) | #e1f7d4 | hsl(98, 69%, 90%) |
|
|
| 100 | oklch(0.892 0.117 134.93) | #baed9e | hsl(99, 69%, 77%) |
|
|
| 200 | oklch(0.838 0.176 135.67) | #94e368 | hsl(99, 69%, 65%) |
|
|
| 300 | oklch(0.791 0.220 137.06) | #6ed932 | hsl(98, 69%, 52%) |
|
|
| 400 | oklch(0.660 0.188 137.30) | #52ab20 | hsl(98, 68%, 40%) |
|
|
| 500 | oklch(0.502 0.140 137.11) | #387516 | hsl(99, 68%, 27%) |
|
|
| 600 | oklch(0.456 0.126 136.95) | #316613 | hsl(98, 69%, 24%) |
|
|
| 700 | oklch(0.409 0.111 136.73) | #2a5710 | hsl(98, 69%, 20%) |
|
|
| 800 | oklch(0.364 0.097 136.78) | #23490e | hsl(99, 68%, 17%) |
|
|
| 900 | oklch(0.314 0.081 136.45) | #1c3a0b | hsl(98, 68%, 14%) |
|
|
| 950 | oklch(0.261 0.064 135.87) | #152b08 | hsl(98, 69%, 10%) |
|
| 50 | oklch(0.928 0.005 95.10) | #e8e7e3 | hsl(48, 10%, 90%) |
|
|
| 100 | oklch(0.810 0.013 96.46) | #c3c1b8 | hsl(49, 8%, 74%) |
|
|
| 200 | oklch(0.689 0.021 93.75) | #9f9b8d | hsl(47, 9%, 59%) |
|
|
| 300 | oklch(0.557 0.023 97.76) | #777465 | hsl(50, 8%, 43%) |
|
|
| 400 | oklch(0.408 0.015 96.69) | #4c4a41 | hsl(49, 8%, 28%) |
|
|
| 500 | oklch(0.243 0.008 95.37) | #21201c | hsl(48, 8%, 12%) |
|
|
| 600 | oklch(0.239 0.008 95.38) | #201f1b | hsl(48, 8%, 12%) |
|
|
| 700 | oklch(0.235 0.008 95.39) | #1f1e1a | hsl(48, 9%, 11%) |
|
|
| 800 | oklch(0.230 0.008 95.39) | #1e1d19 | hsl(48, 9%, 11%) |
|
|
| 900 | oklch(0.226 0.008 95.40) | #1d1c18 | hsl(48, 9%, 10%) |
|
|
| 950 | oklch(0.222 0.008 95.41) | #1c1b17 | hsl(48, 10%, 10%) |
|
| 50 | oklch(0.926 0.005 78.30) | #e8e6e3 | hsl(36, 10%, 90%) |
|
|
| 100 | oklch(0.800 0.015 84.59) | #c2bdb3 | hsl(40, 11%, 73%) |
|
|
| 200 | oklch(0.666 0.024 83.25) | #9b9384 | hsl(39, 10%, 56%) |
|
|
| 300 | oklch(0.520 0.023 84.58) | #6f685a | hsl(40, 10%, 39%) |
|
|
| 400 | oklch(0.354 0.013 81.74) | #3f3b34 | hsl(38, 10%, 23%) |
|
|
| 500 | oklch(0.169 0.004 84.59) | #100f0d | hsl(40, 10%, 6%) |
|
|
| 600 | oklch(0.178 0.004 84.59) | #12110f | hsl(40, 9%, 6%) |
|
|
| 700 | oklch(0.191 0.006 91.66) | #151411 | hsl(45, 11%, 7%) |
|
|
| 800 | oklch(0.200 0.006 91.64) | #171613 | hsl(45, 10%, 8%) |
|
|
| 900 | oklch(0.210 0.007 78.18) | #1a1815 | hsl(36, 11%, 9%) |
|
|
| 950 | oklch(0.219 0.007 78.18) | #1c1a17 | hsl(36, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
