Serene Earthy Color Palette
This palette exudes a soothing, earthy charm with soft peach and muted greens, complemented by gentle grays, evoking a serene, nature-inspired retreat.
Practical uses and creative applications
The Serene Earthy Color Palette features a harmonious blend of soft neutrals and muted greens that evoke a sense of tranquility and natural beauty. Comprising shades like #f0c0a8, #f0d8a8, #a8c090, #789090, and #787878, this palette is perfect for branding projects that aim to convey sustainability, wellness, or organic products.
Designers can utilize these colors to create logos, packaging, or promotional materials that resonate with eco-conscious consumers seeking a serene yet sophisticated aesthetic. Ideal for creatives in fields such as web design and interior decor, the Serene Earthy Color Palette can transform spaces and digital experiences into calming retreats.
Use it to craft tranquil websites that invite users to engage with your content or to design cozy interiors that promote relaxation and mindfulness. Whether you are a graphic designer, an interior stylist, or a branding expert, this palette helps evoke a grounded yet uplifting mood, making it an excellent choice for projects focused on health, nature, or holistic living.
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.923 0.031 48.37) | #f8e0d4 | hsl(20, 72%, 90%) |
|
|
| 100 | oklch(0.906 0.038 47.42) | #f6d9cb | hsl(20, 70%, 88%) |
|
|
| 200 | oklch(0.891 0.045 48.20) | #f5d3c2 | hsl(20, 72%, 86%) |
|
|
| 300 | oklch(0.876 0.051 49.39) | #f3cdb9 | hsl(21, 71%, 84%) |
|
|
| 400 | oklch(0.859 0.058 46.91) | #f2c6b1 | hsl(19, 71%, 82%) |
|
|
| 500 | oklch(0.844 0.064 47.94) | #f0c0a8 | hsl(20, 71%, 80%) |
|
|
| 600 | oklch(0.741 0.114 47.02) | #e6946b | hsl(20, 71%, 66%) |
|
|
| 700 | oklch(0.647 0.160 44.55) | #db682e | hsl(20, 71%, 52%) |
|
|
| 800 | oklch(0.520 0.133 43.86) | #a54a1d | hsl(20, 70%, 38%) |
|
|
| 900 | oklch(0.378 0.091 44.96) | #682f12 | hsl(20, 70%, 24%) |
|
|
| 950 | oklch(0.223 0.045 46.30) | #2c1408 | hsl(20, 69%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.034 84.59) | #f8ecd4 | hsl(40, 72%, 90%) |
|
|
| 100 | oklch(0.935 0.041 85.29) | #f6e8cb | hsl(40, 70%, 88%) |
|
|
| 200 | oklch(0.924 0.048 84.55) | #f5e4c2 | hsl(40, 72%, 86%) |
|
|
| 300 | oklch(0.912 0.055 85.06) | #f3e0b9 | hsl(40, 71%, 84%) |
|
|
| 400 | oklch(0.902 0.061 83.99) | #f2dcb1 | hsl(40, 71%, 82%) |
|
|
| 500 | oklch(0.890 0.068 84.42) | #f0d8a8 | hsl(40, 71%, 80%) |
|
|
| 600 | oklch(0.818 0.111 83.36) | #e6bd6b | hsl(40, 71%, 66%) |
|
|
| 700 | oklch(0.746 0.141 79.66) | #dba12e | hsl(40, 71%, 52%) |
|
|
| 800 | oklch(0.603 0.115 79.75) | #a5781d | hsl(40, 70%, 38%) |
|
|
| 900 | oklch(0.436 0.081 81.05) | #684c12 | hsl(40, 70%, 24%) |
|
|
| 950 | oklch(0.252 0.042 82.19) | #2c2008 | hsl(40, 69%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.021 127.39) | #e6edde | hsl(88, 29%, 90%) |
|
|
| 100 | oklch(0.905 0.030 129.76) | #d9e4cf | hsl(91, 28%, 85%) |
|
|
| 200 | oklch(0.873 0.041 128.99) | #cddbbf | hsl(90, 28%, 80%) |
|
|
| 300 | oklch(0.842 0.051 128.61) | #c1d2af | hsl(89, 28%, 75%) |
|
|
| 400 | oklch(0.809 0.060 129.78) | #b4c9a0 | hsl(91, 28%, 71%) |
|
|
| 500 | oklch(0.777 0.071 129.54) | #a8c090 | hsl(90, 28%, 66%) |
|
|
| 600 | oklch(0.702 0.094 129.84) | #8cab6c | hsl(90, 27%, 55%) |
|
|
| 700 | oklch(0.608 0.095 130.47) | #6f8e50 | hsl(90, 28%, 44%) |
|
|
| 800 | oklch(0.491 0.072 129.95) | #53693c | hsl(89, 27%, 32%) |
|
|
| 900 | oklch(0.369 0.052 130.25) | #364527 | hsl(90, 28%, 21%) |
|
|
| 950 | oklch(0.236 0.029 128.77) | #1a2112 | hsl(88, 29%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.005 197.06) | #e3e8e8 | hsl(180, 10%, 90%) |
|
|
| 100 | oklch(0.870 0.009 197.00) | #ced6d6 | hsl(180, 9%, 82%) |
|
|
| 200 | oklch(0.813 0.014 196.88) | #b8c5c5 | hsl(180, 10%, 75%) |
|
|
| 300 | oklch(0.754 0.018 196.78) | #a3b3b3 | hsl(180, 10%, 67%) |
|
|
| 400 | oklch(0.696 0.024 196.62) | #8da2a2 | hsl(180, 10%, 59%) |
|
|
| 500 | oklch(0.635 0.027 196.48) | #789090 | hsl(180, 10%, 52%) |
|
|
| 600 | oklch(0.562 0.026 196.44) | #647a7a | hsl(180, 10%, 44%) |
|
|
| 700 | oklch(0.482 0.021 196.48) | #516262 | hsl(180, 9%, 35%) |
|
|
| 800 | oklch(0.401 0.018 196.46) | #3d4b4b | hsl(180, 10%, 27%) |
|
|
| 900 | oklch(0.313 0.012 196.54) | #2a3333 | hsl(180, 10%, 18%) |
|
|
| 950 | oklch(0.221 0.007 196.62) | #171c1c | hsl(180, 10%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.858 0.000 89.88) | #d0d0d0 | hsl(0, 0%, 82%) |
|
|
| 200 | oklch(0.789 0.000 89.88) | #bababa | hsl(0, 0%, 73%) |
|
|
| 300 | oklch(0.719 0.000 89.88) | #a4a4a4 | hsl(0, 0%, 64%) |
|
|
| 400 | oklch(0.647 0.000 89.88) | #8e8e8e | hsl(0, 0%, 56%) |
|
|
| 500 | oklch(0.573 0.000 89.88) | #787878 | hsl(0, 0%, 47%) |
|
|
| 600 | oklch(0.507 0.000 89.88) | #656565 | hsl(0, 0%, 40%) |
|
|
| 700 | oklch(0.439 0.000 89.88) | #525252 | hsl(0, 0%, 32%) |
|
|
| 800 | oklch(0.368 0.000 89.88) | #3f3f3f | hsl(0, 0%, 25%) |
|
|
| 900 | oklch(0.293 0.000 89.88) | #2c2c2c | hsl(0, 0%, 17%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
