Earthy Serenity Color Palette
This earthy palette blends rich browns and soft beige with refreshing teal and aqua, creating a serene and stylish vibe reminiscent of a tranquil forest oasis.
Practical uses and creative applications
The Earthy Serenity Color Palette features a harmonious blend of rich browns and soothing greens, ideal for those seeking to evoke a sense of calm and groundedness in their projects. The deep tones of #463a2a and #5c4b37 provide a solid foundation, while the soft yellow #dddd92 and refreshing aqua shades #57c5c7 and #00b5b9 add a touch of vibrancy.
This palette is perfect for branding efforts that aim to convey sustainability and tranquility, making it an excellent choice for eco-friendly businesses, wellness brands, or artisanal products. In web design, the Earthy Serenity palette can enhance user experience by creating a visually appealing interface that feels inviting and nurturing.
Designers can leverage these colors for packaging that stands out on the shelves yet resonates with a natural ethos. Additionally, this palette works beautifully in interior design, setting a serene ambiance in spaces such as yoga studios, spas, or cozy cafes.
Ideal for creatives and designers looking to develop a cohesive visual identity, the Earthy Serenity Color Palette captures the essence of nature, making it a versatile choice for various applications that prioritize calm and connection.
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.928 0.011 71.89) | #ece6df | hsl(32, 25%, 90%) |
|
|
| 100 | oklch(0.829 0.027 74.72) | #d2c5b4 | hsl(34, 25%, 76%) |
|
|
| 200 | oklch(0.727 0.045 73.95) | #b8a388 | hsl(34, 25%, 63%) |
|
|
| 300 | oklch(0.623 0.060 74.32) | #9d825e | hsl(34, 25%, 49%) |
|
|
| 400 | oklch(0.494 0.046 75.09) | #715e44 | hsl(35, 25%, 35%) |
|
|
| 500 | oklch(0.357 0.031 74.51) | #463a2a | hsl(34, 25%, 22%) |
|
|
| 600 | oklch(0.331 0.029 77.59) | #3e3425 | hsl(36, 25%, 19%) |
|
|
| 700 | oklch(0.305 0.025 71.75) | #372d21 | hsl(33, 25%, 17%) |
|
|
| 800 | oklch(0.278 0.023 75.43) | #2f271c | hsl(35, 25%, 15%) |
|
|
| 900 | oklch(0.253 0.019 73.73) | #282118 | hsl(34, 25%, 13%) |
|
|
| 950 | oklch(0.223 0.016 71.16) | #201a13 | hsl(32, 25%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.011 71.89) | #ece6df | hsl(32, 25%, 90%) |
|
|
| 100 | oklch(0.837 0.026 69.39) | #d5c7b8 | hsl(31, 26%, 78%) |
|
|
| 200 | oklch(0.746 0.041 72.20) | #bda991 | hsl(33, 25%, 65%) |
|
|
| 300 | oklch(0.651 0.056 70.32) | #a68a6a | hsl(32, 25%, 53%) |
|
|
| 400 | oklch(0.544 0.052 71.67) | #836b4e | hsl(33, 25%, 41%) |
|
|
| 500 | oklch(0.425 0.039 71.03) | #5c4b37 | hsl(32, 25%, 29%) |
|
|
| 600 | oklch(0.386 0.034 70.05) | #504130 | hsl(32, 25%, 25%) |
|
|
| 700 | oklch(0.347 0.030 68.69) | #443729 | hsl(31, 25%, 21%) |
|
|
| 800 | oklch(0.308 0.026 73.87) | #382e21 | hsl(34, 26%, 17%) |
|
|
| 900 | oklch(0.266 0.021 72.90) | #2c241a | hsl(33, 26%, 14%) |
|
|
| 950 | oklch(0.223 0.016 71.16) | #201a13 | hsl(32, 25%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.035 107.05) | #f3f3d8 | hsl(60, 53%, 90%) |
|
|
| 100 | oklch(0.940 0.047 107.27) | #eeeeca | hsl(60, 51%, 86%) |
|
|
| 200 | oklch(0.926 0.060 107.52) | #eaeabc | hsl(60, 52%, 83%) |
|
|
| 300 | oklch(0.911 0.073 107.76) | #e6e6ae | hsl(60, 53%, 79%) |
|
|
| 400 | oklch(0.894 0.084 107.98) | #e1e1a0 | hsl(60, 52%, 75%) |
|
|
| 500 | oklch(0.880 0.096 108.22) | #dddd92 | hsl(60, 52%, 72%) |
|
|
| 600 | oklch(0.830 0.131 108.95) | #cece62 | hsl(60, 52%, 60%) |
|
|
| 700 | oklch(0.757 0.144 109.39) | #b7b739 | hsl(60, 53%, 47%) |
|
|
| 800 | oklch(0.605 0.113 109.36) | #87872a | hsl(60, 53%, 35%) |
|
|
| 900 | oklch(0.444 0.081 109.28) | #57571b | hsl(60, 53%, 22%) |
|
|
| 950 | oklch(0.266 0.043 109.01) | #27270c | hsl(60, 53%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.026 196.72) | #d9f2f2 | hsl(180, 49%, 90%) |
|
|
| 100 | oklch(0.905 0.043 198.20) | #bfe9ea | hsl(181, 51%, 83%) |
|
|
| 200 | oklch(0.867 0.060 197.42) | #a5e0e1 | hsl(181, 50%, 76%) |
|
|
| 300 | oklch(0.830 0.075 196.86) | #8bd7d8 | hsl(181, 50%, 70%) |
|
|
| 400 | oklch(0.795 0.089 197.34) | #71ced0 | hsl(181, 50%, 63%) |
|
|
| 500 | oklch(0.761 0.100 196.90) | #57c5c7 | hsl(181, 50%, 56%) |
|
|
| 600 | oklch(0.697 0.102 196.71) | #3cb1b3 | hsl(181, 50%, 47%) |
|
|
| 700 | oklch(0.594 0.086 197.12) | #308e90 | hsl(181, 50%, 38%) |
|
|
| 800 | oklch(0.485 0.069 197.78) | #246b6d | hsl(182, 50%, 28%) |
|
|
| 900 | oklch(0.374 0.051 197.11) | #19494a | hsl(181, 49%, 19%) |
|
|
| 950 | oklch(0.249 0.031 195.35) | #0d2626 | hsl(180, 49%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.051 197.85) | #ccfeff | hsl(181, 100%, 90%) |
|
|
| 100 | oklch(0.932 0.097 197.21) | #95fdff | hsl(181, 100%, 79%) |
|
|
| 200 | oklch(0.910 0.131 196.91) | #5efcff | hsl(181, 100%, 68%) |
|
|
| 300 | oklch(0.896 0.148 197.51) | #28faff | hsl(181, 100%, 58%) |
|
|
| 400 | oklch(0.853 0.145 197.53) | #00ebf0 | hsl(181, 100%, 47%) |
|
|
| 500 | oklch(0.701 0.119 197.59) | #00b5b9 | hsl(181, 100%, 36%) |
|
|
| 600 | oklch(0.625 0.106 197.21) | #009b9e | hsl(181, 100%, 31%) |
|
|
| 700 | oklch(0.547 0.093 196.69) | #008183 | hsl(181, 100%, 26%) |
|
|
| 800 | oklch(0.463 0.079 198.33) | #006669 | hsl(182, 100%, 21%) |
|
|
| 900 | oklch(0.378 0.064 197.82) | #004c4e | hsl(182, 100%, 15%) |
|
|
| 950 | oklch(0.288 0.049 196.92) | #003233 | hsl(181, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
