Serene Earthy Color Palette
This palette radiates a serene, earthy vibe, blending soft pastel greens and creamy yellows with deep mossy tones, evoking a tranquil garden retreat bathed in warm sunlight.
Practical uses and creative applications
The Serene Earthy Color Palette offers a tranquil blend of soft, nature-inspired hues that can transform any project into a calming visual experience. Featuring gentle shades like #f1f7cd, #d3f7cd, and #b5f7cd, this palette is ideal for branding initiatives aimed at promoting wellness, sustainability, or organic products.
Its earthy undertones, represented by #403a26 and #81876c, create a grounded aesthetic that resonates with eco-conscious consumers. Whether you're designing packaging for a herbal tea brand or crafting a logo for a holistic wellness center, these colors evoke a sense of peace and connection to nature.
This palette is particularly suited for designers and creatives looking to cultivate a serene atmosphere in their work. In web design, the Serene Earthy Color Palette can enhance user experience by providing a soothing backdrop that encourages exploration and relaxation.
Interior designers will also find this palette perfect for creating cozy, inviting spacesthink soft accents in a minimalist living room or calming tones in a spa-like bathroom. By incorporating these colors into your projects, you can effectively communicate a message of tranquility and balance, appealing to audiences that value harmony and natural beauty.
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.966 0.049 113.56) | #f3f8d3 | hsl(68, 73%, 90%) |
|
|
| 100 | oklch(0.965 0.050 114.63) | #f2f8d2 | hsl(69, 73%, 90%) |
|
|
| 200 | oklch(0.965 0.051 114.47) | #f2f8d1 | hsl(69, 74%, 90%) |
|
|
| 300 | oklch(0.962 0.052 113.17) | #f2f7cf | hsl(68, 71%, 89%) |
|
|
| 400 | oklch(0.961 0.054 114.18) | #f1f7ce | hsl(69, 72%, 89%) |
|
|
| 500 | oklch(0.961 0.055 114.04) | #f1f7cd | hsl(69, 72%, 89%) |
|
|
| 600 | oklch(0.911 0.125 115.47) | #deec88 | hsl(68, 72%, 73%) |
|
|
| 700 | oklch(0.865 0.177 117.50) | #cae143 | hsl(69, 72%, 57%) |
|
|
| 800 | oklch(0.734 0.164 118.30) | #a0b61d | hsl(69, 73%, 41%) |
|
|
| 900 | oklch(0.520 0.114 117.67) | #647112 | hsl(68, 73%, 26%) |
|
|
| 950 | oklch(0.279 0.056 116.78) | #272c07 | hsl(68, 73%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.059 141.36) | #d8f8d3 | hsl(112, 73%, 90%) |
|
|
| 100 | oklch(0.945 0.061 141.46) | #d7f8d2 | hsl(112, 73%, 90%) |
|
|
| 200 | oklch(0.945 0.063 141.55) | #d6f8d1 | hsl(112, 74%, 90%) |
|
|
| 300 | oklch(0.941 0.064 140.92) | #d5f7cf | hsl(111, 71%, 89%) |
|
|
| 400 | oklch(0.940 0.066 141.02) | #d4f7ce | hsl(111, 72%, 89%) |
|
|
| 500 | oklch(0.939 0.067 141.12) | #d3f7cd | hsl(111, 72%, 89%) |
|
|
| 600 | oklch(0.865 0.157 140.97) | #96ec88 | hsl(112, 72%, 73%) |
|
|
| 700 | oklch(0.805 0.228 141.09) | #59e143 | hsl(112, 72%, 57%) |
|
|
| 800 | oklch(0.680 0.213 141.31) | #33b61d | hsl(111, 73%, 41%) |
|
|
| 900 | oklch(0.482 0.148 141.16) | #207112 | hsl(111, 73%, 26%) |
|
|
| 950 | oklch(0.260 0.072 141.01) | #0c2c07 | hsl(112, 73%, 10%) |
|
dsfds
| 50 | oklch(0.949 0.055 157.37) | #d1fae0 | hsl(142, 80%, 90%) |
|
|
| 100 | oklch(0.942 0.061 157.35) | #cbf9dc | hsl(142, 79%, 89%) |
|
|
| 200 | oklch(0.938 0.068 156.46) | #c6f9d8 | hsl(141, 81%, 88%) |
|
|
| 300 | oklch(0.931 0.074 157.20) | #c0f8d5 | hsl(143, 80%, 86%) |
|
|
| 400 | oklch(0.927 0.081 156.41) | #bbf8d1 | hsl(142, 81%, 85%) |
|
|
| 500 | oklch(0.921 0.088 156.33) | #b5f7cd | hsl(142, 80%, 84%) |
|
|
| 600 | oklch(0.862 0.161 153.39) | #71f09f | hsl(142, 81%, 69%) |
|
|
| 700 | oklch(0.818 0.216 149.63) | #2de871 | hsl(142, 80%, 54%) |
|
|
| 800 | oklch(0.679 0.189 148.59) | #14b64f | hsl(142, 80%, 40%) |
|
|
| 900 | oklch(0.484 0.132 149.02) | #0c7231 | hsl(142, 81%, 25%) |
|
|
| 950 | oklch(0.266 0.065 151.17) | #052e14 | hsl(142, 80%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.014 92.99) | #ece9df | hsl(46, 25%, 90%) |
|
|
| 100 | oklch(0.838 0.033 93.56) | #d1cab2 | hsl(46, 25%, 76%) |
|
|
| 200 | oklch(0.742 0.054 92.62) | #b7ab85 | hsl(46, 26%, 62%) |
|
|
| 300 | oklch(0.639 0.068 92.74) | #9a8b5b | hsl(46, 26%, 48%) |
|
|
| 400 | oklch(0.500 0.051 93.64) | #6d6341 | hsl(46, 25%, 34%) |
|
|
| 500 | oklch(0.349 0.033 93.37) | #403a26 | hsl(46, 25%, 20%) |
|
|
| 600 | oklch(0.326 0.031 91.79) | #3a3422 | hsl(45, 26%, 18%) |
|
|
| 700 | oklch(0.302 0.028 92.78) | #332e1e | hsl(46, 26%, 16%) |
|
|
| 800 | oklch(0.281 0.025 94.05) | #2d291b | hsl(47, 25%, 14%) |
|
|
| 900 | oklch(0.256 0.022 95.75) | #262317 | hsl(48, 25%, 12%) |
|
|
| 950 | oklch(0.231 0.019 93.37) | #201d13 | hsl(46, 25%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.007 115.71) | #e7e8e3 | hsl(72, 10%, 90%) |
|
|
| 100 | oklch(0.869 0.014 115.87) | #d3d5cb | hsl(72, 11%, 82%) |
|
|
| 200 | oklch(0.807 0.021 116.05) | #bfc2b3 | hsl(72, 11%, 73%) |
|
|
| 300 | oklch(0.744 0.029 118.51) | #aaaf9b | hsl(75, 11%, 65%) |
|
|
| 400 | oklch(0.681 0.036 118.33) | #969c83 | hsl(74, 11%, 56%) |
|
|
| 500 | oklch(0.611 0.040 117.77) | #81876c | hsl(73, 11%, 48%) |
|
|
| 600 | oklch(0.541 0.035 117.55) | #6d725b | hsl(73, 11%, 40%) |
|
|
| 700 | oklch(0.466 0.029 117.70) | #585c4a | hsl(73, 11%, 33%) |
|
|
| 800 | oklch(0.391 0.023 117.31) | #444739 | hsl(73, 11%, 25%) |
|
|
| 900 | oklch(0.311 0.018 121.02) | #2f3228 | hsl(78, 11%, 18%) |
|
|
| 950 | oklch(0.223 0.010 116.36) | #1b1c17 | hsl(72, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
