Serene Earthy Color Palette
This palette exudes a serene, earthy vibe with soft buttery yellows, muted greens, and warm browns, evoking a tranquil, nature-inspired retreat.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious blend of soft, nature-inspired hues that exude tranquility and warmth. Featuring gentle shades like #fdf2c5, #efe8b2, #c6d1a6, #82bfa0, and #7a6f5d, this palette is perfect for creating a calm and inviting atmosphere.
Ideal for web design, branding, and interior decor, these colors can evoke feelings of peace and serenity, making them a fantastic choice for wellness brands, eco-friendly products, or any creative project that seeks to connect with nature. Designers and creatives will find the Serene Earthy Color Palette exceptionally versatile.
In branding, it can be used to convey a message of sustainability and comfort, appealing to audiences who value mindfulness and eco-consciousness. For web design, these soothing colors enhance user experience by creating a visually appealing and relaxing interface.
In interiors, they can transform spaces into serene retreats, perfect for homes, yoga studios, or spas. Whether you're a graphic designer crafting a new logo or an interior decorator looking to create a peaceful living space, this palette is sure to inspire creativity and a sense of calm.
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.965 0.050 96.17) | #fdf4ce | hsl(49, 92%, 90%) |
|
|
| 100 | oklch(0.964 0.053 96.74) | #fdf4cc | hsl(49, 92%, 90%) |
|
|
| 200 | oklch(0.962 0.054 95.87) | #fdf3ca | hsl(48, 93%, 89%) |
|
|
| 300 | oklch(0.961 0.057 96.42) | #fdf3c8 | hsl(49, 93%, 89%) |
|
|
| 400 | oklch(0.959 0.057 95.34) | #fdf2c7 | hsl(48, 93%, 89%) |
|
|
| 500 | oklch(0.959 0.059 95.89) | #fdf2c5 | hsl(48, 93%, 88%) |
|
|
| 600 | oklch(0.909 0.128 96.24) | #fae178 | hsl(48, 93%, 73%) |
|
|
| 700 | oklch(0.865 0.168 93.41) | #f8cf2b | hsl(48, 94%, 57%) |
|
|
| 800 | oklch(0.736 0.149 91.55) | #cca507 | hsl(48, 93%, 41%) |
|
|
| 900 | oklch(0.519 0.105 92.38) | #7e6604 | hsl(48, 94%, 25%) |
|
|
| 950 | oklch(0.279 0.055 95.32) | #312802 | hsl(49, 92%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.038 100.64) | #f6f2d5 | hsl(53, 65%, 90%) |
|
|
| 100 | oklch(0.950 0.045 100.30) | #f5f0ce | hsl(52, 66%, 88%) |
|
|
| 200 | oklch(0.943 0.051 101.28) | #f3eec7 | hsl(53, 65%, 87%) |
|
|
| 300 | oklch(0.937 0.058 100.98) | #f2ecc0 | hsl(53, 66%, 85%) |
|
|
| 400 | oklch(0.930 0.064 101.73) | #f0eab9 | hsl(53, 65%, 83%) |
|
|
| 500 | oklch(0.923 0.070 101.47) | #efe8b2 | hsl(53, 66%, 82%) |
|
|
| 600 | oklch(0.866 0.120 102.27) | #e2d675 | hsl(53, 65%, 67%) |
|
|
| 700 | oklch(0.812 0.152 101.68) | #d6c439 | hsl(53, 66%, 53%) |
|
|
| 800 | oklch(0.662 0.128 101.99) | #a39522 | hsl(53, 65%, 39%) |
|
|
| 900 | oklch(0.474 0.089 101.06) | #675d15 | hsl(53, 66%, 24%) |
|
|
| 950 | oklch(0.266 0.045 101.47) | #2a2609 | hsl(53, 65%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.023 120.20) | #e9eedd | hsl(78, 33%, 90%) |
|
|
| 100 | oklch(0.920 0.030 119.40) | #e2e8d2 | hsl(76, 32%, 87%) |
|
|
| 200 | oklch(0.900 0.037 118.96) | #dbe2c7 | hsl(76, 32%, 83%) |
|
|
| 300 | oklch(0.880 0.044 118.71) | #d4dcbc | hsl(75, 31%, 80%) |
|
|
| 400 | oklch(0.862 0.052 119.48) | #cdd7b1 | hsl(76, 32%, 77%) |
|
|
| 500 | oklch(0.841 0.059 119.34) | #c6d1a6 | hsl(75, 32%, 74%) |
|
|
| 600 | oklch(0.764 0.088 119.94) | #abbb7b | hsl(75, 32%, 61%) |
|
|
| 700 | oklch(0.679 0.106 121.13) | #8ea254 | hsl(75, 32%, 48%) |
|
|
| 800 | oklch(0.543 0.083 121.31) | #68773e | hsl(76, 31%, 35%) |
|
|
| 900 | oklch(0.399 0.058 120.30) | #434c27 | hsl(75, 32%, 23%) |
|
|
| 950 | oklch(0.241 0.031 122.10) | #1d2211 | hsl(78, 33%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.022 163.04) | #ddeee5 | hsl(148, 33%, 90%) |
|
|
| 100 | oklch(0.897 0.032 163.17) | #cbe4d7 | hsl(149, 32%, 85%) |
|
|
| 200 | oklch(0.862 0.043 163.77) | #b9dbca | hsl(150, 32%, 79%) |
|
|
| 300 | oklch(0.827 0.055 162.70) | #a7d2bc | hsl(149, 32%, 74%) |
|
|
| 400 | oklch(0.789 0.066 162.72) | #94c8ae | hsl(150, 32%, 68%) |
|
|
| 500 | oklch(0.754 0.077 161.67) | #82bfa0 | hsl(150, 32%, 63%) |
|
|
| 600 | oklch(0.686 0.099 160.15) | #5ead85 | hsl(150, 33%, 52%) |
|
|
| 700 | oklch(0.588 0.089 159.79) | #488d6a | hsl(150, 32%, 42%) |
|
|
| 800 | oklch(0.477 0.070 159.89) | #36694f | hsl(149, 32%, 31%) |
|
|
| 900 | oklch(0.359 0.049 160.06) | #244534 | hsl(149, 31%, 21%) |
|
|
| 950 | oklch(0.234 0.029 159.94) | #112219 | hsl(148, 33%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.006 75.40) | #e9e6e2 | hsl(34, 14%, 90%) |
|
|
| 100 | oklch(0.856 0.013 82.40) | #d4cfc6 | hsl(39, 14%, 80%) |
|
|
| 200 | oklch(0.783 0.019 78.22) | #bfb7ab | hsl(36, 14%, 71%) |
|
|
| 300 | oklch(0.710 0.027 81.08) | #aaa08f | hsl(38, 14%, 61%) |
|
|
| 400 | oklch(0.632 0.034 79.80) | #958873 | hsl(37, 14%, 52%) |
|
|
| 500 | oklch(0.547 0.030 80.09) | #7a6f5d | hsl(37, 13%, 42%) |
|
|
| 600 | oklch(0.486 0.026 80.54) | #675e4f | hsl(38, 13%, 36%) |
|
|
| 700 | oklch(0.424 0.022 78.02) | #554d41 | hsl(36, 13%, 29%) |
|
|
| 800 | oklch(0.359 0.019 80.55) | #423c32 | hsl(38, 14%, 23%) |
|
|
| 900 | oklch(0.292 0.014 76.32) | #302b24 | hsl(35, 14%, 16%) |
|
|
| 950 | oklch(0.220 0.009 75.15) | #1d1a16 | hsl(34, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
