Serene Earthy Color Palette
This palette exudes a serene, earthy vibe with soft pastel yellows and greens harmonizing with muted browns and deep greys, evoking a tranquil, nature-inspired sanctuary.
Practical uses and creative applications
The Serene Earthy Color Palette blends soft, muted tones inspired by nature, making it perfect for a variety of creative applications. With its calming hues of pale yellow (#ebe7a7), soothing teal (#a7ebc9), and rich earth tones (#78b395, #917c67, #5e5953), this palette is ideal for branding and web design that aims to evoke feelings of tranquility and connection to the environment.
Whether you’re designing a wellness brand, an eco-friendly product line, or a lifestyle blog, these colors can enhance your visual identity and resonate with your target audience. Interior designers and creatives can also leverage the Serene Earthy Color Palette to create harmonious spaces that promote relaxation and mindfulness.
The soft yellows and greens can brighten up a room while grounding it with earthy browns, making it suitable for residential spaces, cafes, or wellness centers. This palette is particularly appealing to those looking to cultivate a natural aesthetic, allowing designers to evoke a sense of peace and balance in their projects.
Whether you're a graphic designer, an interior stylist, or a packaging designer, this earthy palette offers endless possibilities for crafting designs that feel both inviting and serene.
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.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.945 0.040 164.74) | #d5f6e6 | hsl(151, 65%, 90%) |
|
|
| 100 | oklch(0.931 0.048 164.37) | #ccf3e0 | hsl(151, 62%, 88%) |
|
|
| 200 | oklch(0.920 0.057 163.41) | #c3f1da | hsl(150, 62%, 85%) |
|
|
| 300 | oklch(0.908 0.066 162.62) | #baefd4 | hsl(149, 62%, 83%) |
|
|
| 400 | oklch(0.897 0.074 163.14) | #b0edcf | hsl(150, 63%, 81%) |
|
|
| 500 | oklch(0.885 0.083 162.37) | #a7ebc9 | hsl(150, 63%, 79%) |
|
|
| 600 | oklch(0.820 0.131 159.71) | #6edea6 | hsl(150, 63%, 65%) |
|
|
| 700 | oklch(0.763 0.170 155.99) | #35d183 | hsl(150, 63%, 51%) |
|
|
| 800 | oklch(0.614 0.138 155.96) | #239c60 | hsl(150, 63%, 37%) |
|
|
| 900 | oklch(0.444 0.096 156.63) | #16633d | hsl(150, 64%, 24%) |
|
|
| 950 | oklch(0.256 0.049 158.67) | #092a1a | hsl(151, 65%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.019 162.92) | #deede5 | hsl(148, 29%, 90%) |
|
|
| 100 | oklch(0.889 0.029 163.16) | #cae1d5 | hsl(149, 28%, 84%) |
|
|
| 200 | oklch(0.847 0.042 163.01) | #b5d6c5 | hsl(149, 29%, 77%) |
|
|
| 300 | oklch(0.804 0.053 162.69) | #a1cab5 | hsl(149, 28%, 71%) |
|
|
| 400 | oklch(0.761 0.065 162.16) | #8cbfa5 | hsl(149, 28%, 65%) |
|
|
| 500 | oklch(0.718 0.076 161.56) | #78b395 | hsl(149, 28%, 59%) |
|
|
| 600 | oklch(0.649 0.090 160.04) | #5aa07c | hsl(149, 28%, 49%) |
|
|
| 700 | oklch(0.553 0.075 159.97) | #488063 | hsl(149, 28%, 39%) |
|
|
| 800 | oklch(0.452 0.059 161.01) | #36604b | hsl(150, 28%, 29%) |
|
|
| 900 | oklch(0.344 0.042 161.31) | #244032 | hsl(150, 28%, 20%) |
|
|
| 950 | oklch(0.231 0.026 160.19) | #122119 | hsl(148, 29%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.008 73.74) | #eae6e1 | hsl(33, 18%, 90%) |
|
|
| 100 | oklch(0.862 0.013 63.90) | #d8d0c9 | hsl(28, 16%, 82%) |
|
|
| 200 | oklch(0.799 0.020 65.08) | #c7bbb0 | hsl(29, 17%, 74%) |
|
|
| 300 | oklch(0.734 0.027 67.38) | #b5a697 | hsl(30, 17%, 65%) |
|
|
| 400 | oklch(0.668 0.035 67.16) | #a4917e | hsl(30, 17%, 57%) |
|
|
| 500 | oklch(0.600 0.040 66.93) | #917c67 | hsl(30, 17%, 49%) |
|
|
| 600 | oklch(0.530 0.034 65.34) | #7a6857 | hsl(29, 17%, 41%) |
|
|
| 700 | oklch(0.459 0.030 68.91) | #635546 | hsl(31, 17%, 33%) |
|
|
| 800 | oklch(0.383 0.024 67.02) | #4c4136 | hsl(30, 17%, 25%) |
|
|
| 900 | oklch(0.304 0.017 63.32) | #352d26 | hsl(28, 16%, 18%) |
|
|
| 950 | oklch(0.221 0.011 73.33) | #1e1a15 | hsl(33, 18%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.003 84.56) | #e7e6e4 | hsl(40, 6%, 90%) |
|
|
| 100 | oklch(0.840 0.006 75.40) | #cdcac6 | hsl(34, 7%, 79%) |
|
|
| 200 | oklch(0.752 0.010 78.27) | #b2aea8 | hsl(36, 6%, 68%) |
|
|
| 300 | oklch(0.663 0.014 75.32) | #98928a | hsl(34, 6%, 57%) |
|
|
| 400 | oklch(0.566 0.015 71.20) | #7c756d | hsl(32, 6%, 46%) |
|
|
| 500 | oklch(0.467 0.012 72.53) | #5e5953 | hsl(33, 6%, 35%) |
|
|
| 600 | oklch(0.420 0.011 67.53) | #514c47 | hsl(30, 7%, 30%) |
|
|
| 700 | oklch(0.373 0.009 80.68) | #43403b | hsl(38, 6%, 25%) |
|
|
| 800 | oklch(0.323 0.007 67.59) | #363330 | hsl(30, 6%, 20%) |
|
|
| 900 | oklch(0.270 0.005 67.63) | #282624 | hsl(30, 5%, 15%) |
|
|
| 950 | oklch(0.218 0.004 84.59) | #1b1a18 | hsl(40, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
