Serene Earthy Color Palette
This palette exudes a serene, earthy vibe with soft, muted tones of taupe and sage, accentuated by a warm coral, creating a harmonious blend of comfort and understated elegance.
Practical uses and creative applications
The Serene Earthy Color Palette features a harmonious blend of soft neutrals and muted tones, making it an ideal choice for designers and creatives seeking to evoke a sense of calm and tranquility. With colors like #8a8780 and #e6e5c4, this palette is perfect for branding projects that aim to convey a natural, organic feel.
Whether you’re designing a wellness brand, eco-friendly product packaging, or a cozy café logo, these earthy hues will resonate with audiences who appreciate simplicity and serenity. In web design, the Serene Earthy Color Palette can create a soothing user experience, enhancing the overall aesthetic of lifestyle blogs, health and wellness websites, or nature-centric platforms.
The gentle contrast between #e47267 and #d6d1af adds warmth without overwhelming the viewer, making it suitable for interior design projects focused on creating relaxing spaces. This palette is particularly appealing to those looking to design spaces that promote mindfulness and harmony, such as spas, yoga studios, or modern homes.
By integrating the Serene Earthy Color Palette into your projects, you can effortlessly evoke a mood of peace and connection with nature.
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.925 0.003 84.56) | #e7e6e4 | hsl(40, 6%, 90%) |
|
|
| 100 | oklch(0.867 0.004 91.45) | #d4d3d0 | hsl(45, 4%, 82%) |
|
|
| 200 | oklch(0.808 0.006 84.57) | #c2c0bc | hsl(40, 5%, 75%) |
|
|
| 300 | oklch(0.748 0.007 88.66) | #afada8 | hsl(43, 4%, 67%) |
|
|
| 400 | oklch(0.687 0.009 84.58) | #9d9a94 | hsl(40, 4%, 60%) |
|
|
| 500 | oklch(0.624 0.011 87.50) | #8a8780 | hsl(42, 4%, 52%) |
|
|
| 600 | oklch(0.549 0.010 84.59) | #74716b | hsl(40, 4%, 44%) |
|
|
| 700 | oklch(0.472 0.009 80.70) | #5e5b56 | hsl(38, 4%, 35%) |
|
|
| 800 | oklch(0.394 0.007 95.23) | #474642 | hsl(48, 4%, 27%) |
|
|
| 900 | oklch(0.309 0.005 91.56) | #31302d | hsl(45, 4%, 18%) |
|
|
| 950 | oklch(0.218 0.004 84.59) | #1b1a18 | hsl(40, 6%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.026 104.56) | #f0efdb | hsl(57, 41%, 90%) |
|
|
| 100 | oklch(0.941 0.029 104.82) | #eeedd7 | hsl(57, 40%, 89%) |
|
|
| 200 | oklch(0.934 0.033 105.15) | #ecebd2 | hsl(58, 41%, 87%) |
|
|
| 300 | oklch(0.927 0.037 105.43) | #eae9cd | hsl(58, 41%, 86%) |
|
|
| 400 | oklch(0.921 0.040 105.59) | #e8e7c9 | hsl(58, 40%, 85%) |
|
|
| 500 | oklch(0.914 0.044 105.81) | #e6e5c4 | hsl(58, 40%, 84%) |
|
|
| 600 | oklch(0.838 0.082 106.50) | #d0ce8f | hsl(58, 41%, 69%) |
|
|
| 700 | oklch(0.762 0.115 107.72) | #b9b75b | hsl(59, 40%, 54%) |
|
|
| 800 | oklch(0.622 0.102 107.68) | #8d8b3c | hsl(59, 40%, 39%) |
|
|
| 900 | oklch(0.447 0.069 106.77) | #595726 | hsl(58, 40%, 25%) |
|
|
| 950 | oklch(0.251 0.034 106.07) | #24230f | hsl(57, 41%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.020 100.59) | #eeecdd | hsl(53, 33%, 90%) |
|
|
| 100 | oklch(0.922 0.024 99.12) | #e9e6d4 | hsl(51, 32%, 87%) |
|
|
| 200 | oklch(0.906 0.029 100.61) | #e4e1cb | hsl(53, 32%, 85%) |
|
|
| 300 | oklch(0.890 0.035 101.68) | #dfdcc2 | hsl(54, 31%, 82%) |
|
|
| 400 | oklch(0.872 0.040 99.37) | #dbd6b8 | hsl(51, 33%, 79%) |
|
|
| 500 | oklch(0.856 0.046 100.38) | #d6d1af | hsl(52, 32%, 76%) |
|
|
| 600 | oklch(0.773 0.071 100.59) | #bfb782 | hsl(52, 32%, 63%) |
|
|
| 700 | oklch(0.690 0.093 100.63) | #a89d56 | hsl(52, 32%, 50%) |
|
|
| 800 | oklch(0.551 0.073 100.68) | #7b733f | hsl(52, 32%, 36%) |
|
|
| 900 | oklch(0.404 0.052 102.53) | #4e4a28 | hsl(54, 32%, 23%) |
|
|
| 950 | oklch(0.241 0.026 101.61) | #222011 | hsl(53, 33%, 10%) |
|
dsfds
| 50 | oklch(0.905 0.036 24.20) | #f7d7d4 | hsl(5, 69%, 90%) |
|
|
| 100 | oklch(0.858 0.056 25.20) | #f3c3be | hsl(6, 69%, 85%) |
|
|
| 200 | oklch(0.811 0.078 24.79) | #f0aea8 | hsl(5, 71%, 80%) |
|
|
| 300 | oklch(0.766 0.100 25.74) | #ec9a92 | hsl(5, 70%, 75%) |
|
|
| 400 | oklch(0.723 0.122 26.05) | #e8867d | hsl(5, 70%, 70%) |
|
|
| 500 | oklch(0.682 0.144 27.14) | #e47267 | hsl(5, 70%, 65%) |
|
|
| 600 | oklch(0.606 0.189 29.39) | #dc4637 | hsl(5, 70%, 54%) |
|
|
| 700 | oklch(0.521 0.179 29.69) | #ba2e21 | hsl(5, 70%, 43%) |
|
|
| 800 | oklch(0.422 0.140 29.65) | #8a2319 | hsl(5, 69%, 32%) |
|
|
| 900 | oklch(0.318 0.100 29.59) | #5b1710 | hsl(6, 70%, 21%) |
|
|
| 950 | oklch(0.204 0.054 28.33) | #2b0b08 | hsl(5, 69%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.012 106.63) | #eaeae1 | hsl(60, 18%, 90%) |
|
|
| 100 | oklch(0.924 0.016 110.57) | #e6e7db | hsl(65, 20%, 88%) |
|
|
| 200 | oklch(0.911 0.017 110.31) | #e2e3d6 | hsl(65, 19%, 86%) |
|
|
| 300 | oklch(0.900 0.020 106.80) | #dfdfd0 | hsl(60, 19%, 85%) |
|
|
| 400 | oklch(0.889 0.023 109.59) | #dbdccb | hsl(64, 20%, 83%) |
|
|
| 500 | oklch(0.876 0.026 109.37) | #d7d8c5 | hsl(63, 20%, 81%) |
|
|
| 600 | oklch(0.782 0.045 110.25) | #b9bb9a | hsl(64, 20%, 67%) |
|
|
| 700 | oklch(0.685 0.066 111.03) | #9b9e6e | hsl(64, 20%, 53%) |
|
|
| 800 | oklch(0.551 0.055 110.62) | #73754f | hsl(63, 19%, 38%) |
|
|
| 900 | oklch(0.401 0.038 110.00) | #494a32 | hsl(63, 19%, 24%) |
|
|
| 950 | oklch(0.232 0.017 107.62) | #1e1e15 | hsl(60, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
