Serene Earthy Color Palette
This palette radiates a serene yet sophisticated vibe, blending warm golden yellows with muted greens and deep purples, creating an earthy elegance that feels both inviting and introspective.
Practical uses and creative applications
The Serene Earthy Color Palette combines soothing tones that evoke a sense of calm and connection to nature. Featuring a harmonious blend of soft yellows, muted greens, and rich purples, this palette is ideal for creators looking to infuse their projects with an organic, grounded aesthetic.
Whether you're designing a brand that emphasizes sustainability or crafting a website for a wellness retreat, these earthy hues can create a visual narrative that resonates with audiences seeking tranquility and mindfulness. Perfect for branding, web design, packaging, and interior decor, the Serene Earthy Color Palette offers versatility across various creative fields.
Designers can use the soft yellow (#edd58f) as an inviting background, complemented by the earthy green (#66ac92) for accents that symbolize growth and renewal. The deep purple (#641f5e) adds a touch of sophistication, making it an excellent choice for luxury brands or wellness products.
This palette not only appeals to eco-conscious consumers but also suits creatives aiming to evoke a serene atmosphere in their projects, enhancing overall user experience and engagement.
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.952 0.038 92.23) | #f8efd3 | hsl(45, 73%, 90%) |
|
|
| 100 | oklch(0.935 0.049 90.52) | #f6e9c5 | hsl(44, 73%, 87%) |
|
|
| 200 | oklch(0.921 0.060 90.43) | #f4e4b8 | hsl(44, 73%, 84%) |
|
|
| 300 | oklch(0.906 0.071 91.53) | #f1dfaa | hsl(45, 72%, 81%) |
|
|
| 400 | oklch(0.891 0.082 91.29) | #efda9d | hsl(45, 72%, 78%) |
|
|
| 500 | oklch(0.877 0.093 91.28) | #edd58f | hsl(45, 72%, 75%) |
|
|
| 600 | oklch(0.819 0.130 90.45) | #e4c056 | hsl(45, 72%, 62%) |
|
|
| 700 | oklch(0.753 0.146 87.52) | #d6a822 | hsl(45, 73%, 49%) |
|
|
| 800 | oklch(0.602 0.115 88.45) | #9d7c19 | hsl(45, 73%, 36%) |
|
|
| 900 | oklch(0.439 0.082 88.09) | #654f10 | hsl(44, 73%, 23%) |
|
|
| 950 | oklch(0.260 0.045 91.10) | #2c2307 | hsl(45, 73%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.019 103.43) | #edecde | hsl(56, 29%, 90%) |
|
|
| 100 | oklch(0.911 0.027 104.58) | #e4e3cf | hsl(57, 28%, 85%) |
|
|
| 200 | oklch(0.883 0.035 103.48) | #dcdac0 | hsl(56, 29%, 81%) |
|
|
| 300 | oklch(0.854 0.043 104.33) | #d3d1b1 | hsl(56, 28%, 76%) |
|
|
| 400 | oklch(0.825 0.052 103.84) | #cbc8a1 | hsl(56, 29%, 71%) |
|
|
| 500 | oklch(0.796 0.061 104.50) | #c2bf92 | hsl(56, 28%, 67%) |
|
|
| 600 | oklch(0.724 0.080 104.95) | #ada96d | hsl(56, 28%, 55%) |
|
|
| 700 | oklch(0.630 0.080 105.08) | #908c51 | hsl(56, 28%, 44%) |
|
|
| 800 | oklch(0.509 0.063 105.03) | #6b683c | hsl(56, 28%, 33%) |
|
|
| 900 | oklch(0.381 0.045 104.92) | #464427 | hsl(56, 28%, 21%) |
|
|
| 950 | oklch(0.240 0.025 104.63) | #212012 | hsl(56, 29%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.018 170.07) | #deede7 | hsl(156, 29%, 90%) |
|
|
| 100 | oklch(0.885 0.031 170.48) | #c6e0d6 | hsl(157, 30%, 83%) |
|
|
| 200 | oklch(0.836 0.044 170.28) | #aed3c5 | hsl(157, 30%, 75%) |
|
|
| 300 | oklch(0.787 0.057 169.80) | #96c6b4 | hsl(158, 30%, 68%) |
|
|
| 400 | oklch(0.739 0.069 169.10) | #7eb9a3 | hsl(158, 30%, 61%) |
|
|
| 500 | oklch(0.691 0.081 168.17) | #66ac92 | hsl(158, 30%, 54%) |
|
|
| 600 | oklch(0.617 0.081 166.96) | #51957b | hsl(157, 30%, 45%) |
|
|
| 700 | oklch(0.528 0.068 167.08) | #417863 | hsl(157, 30%, 36%) |
|
|
| 800 | oklch(0.435 0.055 167.28) | #315b4b | hsl(157, 30%, 27%) |
|
|
| 900 | oklch(0.338 0.040 167.00) | #223e33 | hsl(156, 29%, 19%) |
|
|
| 950 | oklch(0.232 0.024 167.22) | #12211b | hsl(156, 29%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.007 304.24) | #e5e3e8 | hsl(264, 10%, 90%) |
|
|
| 100 | oklch(0.838 0.014 299.75) | #cbc8d2 | hsl(258, 10%, 80%) |
|
|
| 200 | oklch(0.757 0.023 300.08) | #b2adbd | hsl(259, 11%, 71%) |
|
|
| 300 | oklch(0.673 0.032 300.74) | #9992a7 | hsl(260, 11%, 61%) |
|
|
| 400 | oklch(0.586 0.041 300.95) | #807791 | hsl(261, 11%, 52%) |
|
|
| 500 | oklch(0.505 0.037 300.95) | #686077 | hsl(261, 11%, 42%) |
|
|
| 600 | oklch(0.449 0.033 301.04) | #585165 | hsl(261, 11%, 36%) |
|
|
| 700 | oklch(0.394 0.027 299.43) | #484353 | hsl(259, 11%, 29%) |
|
|
| 800 | oklch(0.334 0.023 299.21) | #383441 | hsl(258, 11%, 23%) |
|
|
| 900 | oklch(0.273 0.017 305.38) | #29252e | hsl(267, 11%, 16%) |
|
|
| 950 | oklch(0.209 0.010 303.65) | #19171c | hsl(264, 10%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.044 328.25) | #f3d8f1 | hsl(304, 53%, 90%) |
|
|
| 100 | oklch(0.800 0.102 329.27) | #e3a6de | hsl(305, 52%, 77%) |
|
|
| 200 | oklch(0.696 0.162 330.27) | #d474cc | hsl(305, 53%, 64%) |
|
|
| 300 | oklch(0.604 0.211 331.42) | #c442b9 | hsl(305, 52%, 51%) |
|
|
| 400 | oklch(0.494 0.175 331.59) | #962f8d | hsl(305, 52%, 39%) |
|
|
| 500 | oklch(0.372 0.127 331.44) | #641f5e | hsl(305, 53%, 26%) |
|
|
| 600 | oklch(0.342 0.116 331.19) | #581b53 | hsl(305, 53%, 23%) |
|
|
| 700 | oklch(0.310 0.103 331.67) | #4c1747 | hsl(306, 54%, 19%) |
|
|
| 800 | oklch(0.277 0.088 330.46) | #3f143c | hsl(304, 52%, 16%) |
|
|
| 900 | oklch(0.244 0.074 331.01) | #331030 | hsl(305, 52%, 13%) |
|
|
| 950 | oklch(0.210 0.060 330.38) | #270c25 | hsl(304, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
