Serene Earthy Color Palette
This palette exudes a serene, earthy vibe with soft mint green, warm buttery yellow, golden beige, muted olive, and a cool slate gray, evoking a tranquil, bohemian retreat in nature.
Practical uses and creative applications
The Serene Earthy Color Palette offers a harmonious blend of soft greens, warm yellows, and muted browns, making it an ideal choice for designers seeking to evoke a sense of tranquility and connection to nature. With its main colors#e4ffd4, #ebe7a7, #edc68e, #a49e7e, and #6e8f85this palette is perfect for branding projects that aim to convey sustainability and wellness.
Companies in the eco-friendly sector, such as organic food brands or wellness retreats, can utilize this palette to create a calming yet inviting aesthetic that resonates with environmentally-conscious consumers. In web design, the Serene Earthy Color Palette can enhance user experience by creating soothing backgrounds and engaging interfaces that encourage exploration.
Suitable for bloggers, lifestyle coaches, and holistic practitioners, these colors can be seamlessly integrated into website layouts to foster a sense of peace and reliability. Additionally, this palette is a fantastic choice for packaging design, particularly for products like herbal teas, skincare lines, or artisanal goods, where a natural aesthetic can attract the target audience.
For interior designers and creatives, the Serene Earthy Color Palette can transform spaces into serene sanctuaries. Utilizing these colors in home décor can evoke a cozy atmosphere, ideal for wellness studios, meditation spaces, or modern homes seeking a touch of nature.
Whether you’re crafting a calming environment or developing a cohesive brand identity, this palette is versatile enough to suit various styles, from rustic farmhouse to contemporary minimalism, making it a valuable asset for any design project.
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.964 0.075 133.92) | #dfffcc | hsl(98, 100%, 90%) |
|
|
| 100 | oklch(0.965 0.072 134.07) | #e0ffce | hsl(98, 100%, 90%) |
|
|
| 200 | oklch(0.966 0.070 133.80) | #e1ffcf | hsl(98, 100%, 91%) |
|
|
| 300 | oklch(0.967 0.067 133.96) | #e2ffd1 | hsl(98, 100%, 91%) |
|
|
| 400 | oklch(0.968 0.066 133.67) | #e3ffd2 | hsl(97, 100%, 91%) |
|
|
| 500 | oklch(0.969 0.063 133.84) | #e4ffd4 | hsl(98, 100%, 92%) |
|
|
| 600 | oklch(0.922 0.177 135.01) | #b0ff81 | hsl(98, 100%, 75%) |
|
|
| 700 | oklch(0.890 0.257 137.21) | #7cff2e | hsl(98, 100%, 59%) |
|
|
| 800 | oklch(0.779 0.245 138.93) | #51d900 | hsl(98, 100%, 43%) |
|
|
| 900 | oklch(0.547 0.170 138.46) | #328600 | hsl(98, 100%, 26%) |
|
|
| 950 | oklch(0.285 0.086 136.50) | #133300 | hsl(98, 100%, 10%) |
|
dsfds
| 50 | oklch(0.961 0.041 104.11) | #f6f4d5 | hsl(56, 65%, 90%) |
|
|
| 100 | oklch(0.950 0.048 104.74) | #f3f1cc | hsl(57, 62%, 88%) |
|
|
| 200 | oklch(0.943 0.057 105.29) | #f1efc3 | hsl(57, 62%, 85%) |
|
|
| 300 | oklch(0.933 0.065 104.73) | #efecba | hsl(57, 62%, 83%) |
|
|
| 400 | oklch(0.925 0.075 105.29) | #edeab0 | hsl(57, 63%, 81%) |
|
|
| 500 | oklch(0.916 0.082 104.89) | #ebe7a7 | hsl(56, 63%, 79%) |
|
|
| 600 | oklch(0.863 0.128 105.33) | #ded76e | hsl(56, 63%, 65%) |
|
|
| 700 | oklch(0.816 0.158 105.81) | #d1c835 | hsl(57, 63%, 51%) |
|
|
| 800 | oklch(0.656 0.128 105.78) | #9c9523 | hsl(57, 63%, 37%) |
|
|
| 900 | oklch(0.473 0.090 105.32) | #635e16 | hsl(56, 64%, 24%) |
|
|
| 950 | oklch(0.271 0.047 105.62) | #2a2809 | hsl(56, 65%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.033 77.60) | #f8e9d3 | hsl(36, 73%, 90%) |
|
|
| 100 | oklch(0.922 0.044 77.21) | #f6e2c5 | hsl(36, 73%, 87%) |
|
|
| 200 | oklch(0.903 0.055 76.91) | #f4dbb7 | hsl(35, 73%, 84%) |
|
|
| 300 | oklch(0.884 0.064 76.91) | #f1d4aa | hsl(35, 72%, 81%) |
|
|
| 400 | oklch(0.866 0.074 76.57) | #efcd9c | hsl(35, 72%, 77%) |
|
|
| 500 | oklch(0.847 0.085 76.20) | #edc68e | hsl(35, 73%, 74%) |
|
|
| 600 | oklch(0.774 0.122 73.86) | #e4a955 | hsl(35, 73%, 61%) |
|
|
| 700 | oklch(0.700 0.142 69.52) | #d68c22 | hsl(35, 73%, 49%) |
|
|
| 800 | oklch(0.559 0.111 70.30) | #9d6719 | hsl(35, 73%, 36%) |
|
|
| 900 | oklch(0.410 0.079 70.92) | #654210 | hsl(35, 73%, 23%) |
|
|
| 950 | oklch(0.244 0.042 74.18) | #2c1d07 | hsl(36, 73%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.011 100.83) | #eae9e1 | hsl(53, 18%, 90%) |
|
|
| 100 | oklch(0.886 0.018 99.63) | #dcdacd | hsl(52, 18%, 83%) |
|
|
| 200 | oklch(0.840 0.025 99.16) | #cecbb9 | hsl(51, 18%, 77%) |
|
|
| 300 | oklch(0.792 0.031 98.58) | #c0bca6 | hsl(51, 17%, 70%) |
|
|
| 400 | oklch(0.744 0.038 98.56) | #b2ad92 | hsl(51, 17%, 64%) |
|
|
| 500 | oklch(0.696 0.045 98.59) | #a49e7e | hsl(51, 17%, 57%) |
|
|
| 600 | oklch(0.620 0.050 98.13) | #8e8764 | hsl(50, 17%, 47%) |
|
|
| 700 | oklch(0.531 0.043 99.46) | #726d50 | hsl(51, 18%, 38%) |
|
|
| 800 | oklch(0.436 0.033 98.55) | #56523d | hsl(50, 17%, 29%) |
|
|
| 900 | oklch(0.335 0.024 97.37) | #3a3729 | hsl(49, 17%, 19%) |
|
|
| 950 | oklch(0.229 0.015 101.56) | #1e1d15 | hsl(53, 18%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.008 177.31) | #e2e9e7 | hsl(163, 14%, 90%) |
|
|
| 100 | oklch(0.869 0.014 174.11) | #cbd7d3 | hsl(160, 13%, 82%) |
|
|
| 200 | oklch(0.809 0.020 176.30) | #b4c5c0 | hsl(162, 13%, 74%) |
|
|
| 300 | oklch(0.747 0.027 175.28) | #9cb3ac | hsl(162, 13%, 66%) |
|
|
| 400 | oklch(0.685 0.033 176.07) | #85a199 | hsl(163, 13%, 58%) |
|
|
| 500 | oklch(0.622 0.040 174.44) | #6e8f85 | hsl(162, 13%, 50%) |
|
|
| 600 | oklch(0.548 0.035 175.57) | #5c7870 | hsl(163, 13%, 42%) |
|
|
| 700 | oklch(0.473 0.028 176.54) | #4b615b | hsl(164, 13%, 34%) |
|
|
| 800 | oklch(0.393 0.023 175.19) | #394a45 | hsl(162, 13%, 26%) |
|
|
| 900 | oklch(0.313 0.018 172.82) | #283430 | hsl(160, 13%, 18%) |
|
|
| 950 | oklch(0.223 0.011 176.05) | #161d1b | hsl(163, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
