Earthy Serenity Color Palette
This earthy palette of soft beige, muted cream, and mossy greens evokes a serene, rustic charm, perfect for a cozy retreat in nature.
Practical uses and creative applications
The Earthy Serenity Color Palette beautifully embodies the calming tones of nature, making it an ideal choice for those in the design industry looking to create a tranquil atmosphere. Featuring a harmonious blend of muted beige (#CEC4A7), soft cream (#ECE6D6), rich olive green (#707E57), and warm taupe (#87816E), this palette is perfect for branding and web design focused on wellness, sustainability, or eco-friendly products.
Its understated elegance allows businesses to communicate a message of serenity and reliability, appealing to consumers who value mindfulness and authenticity. This color palette is particularly suited for creatives working on packaging designs, interior decor, or lifestyle blogs.
Designers can leverage the Earthy Serenity palette to evoke feelings of comfort and relaxation, making it a fantastic choice for spas, organic food brands, or home goods companies. With its earthy tones, the palette resonates well with audiences seeking a connection to nature, making it an excellent fit for projects aimed at promoting a balanced and harmonious lifestyle.
Whether you're designing a cozy café or a soothing website, the Earthy Serenity Color Palette provides a versatile foundation that can elevate any creative endeavor.
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.934 0.015 90.24) | #ede9de | hsl(44, 29%, 90%) |
|
|
| 100 | oklch(0.913 0.021 91.59) | #e7e2d3 | hsl(45, 29%, 87%) |
|
|
| 200 | oklch(0.888 0.025 91.63) | #e0dac8 | hsl(45, 28%, 83%) |
|
|
| 300 | oklch(0.867 0.031 92.35) | #dad3bd | hsl(46, 28%, 80%) |
|
|
| 400 | oklch(0.843 0.035 90.53) | #d4cbb2 | hsl(44, 28%, 76%) |
|
|
| 500 | oklch(0.821 0.041 91.24) | #cec4a7 | hsl(45, 28%, 73%) |
|
|
| 600 | oklch(0.734 0.060 90.72) | #b7a87e | hsl(44, 28%, 61%) |
|
|
| 700 | oklch(0.641 0.074 91.05) | #9d8b57 | hsl(45, 29%, 48%) |
|
|
| 800 | oklch(0.513 0.057 91.28) | #736640 | hsl(45, 28%, 35%) |
|
|
| 900 | oklch(0.380 0.040 92.38) | #4a4229 | hsl(45, 29%, 23%) |
|
|
| 950 | oklch(0.232 0.021 90.39) | #211d12 | hsl(44, 29%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.019 90.55) | #efeadc | hsl(44, 37%, 90%) |
|
|
| 100 | oklch(0.934 0.019 90.55) | #eee9db | hsl(44, 36%, 90%) |
|
|
| 200 | oklch(0.932 0.020 87.52) | #eee8da | hsl(42, 37%, 89%) |
|
|
| 300 | oklch(0.931 0.022 92.51) | #ede8d8 | hsl(46, 37%, 89%) |
|
|
| 400 | oklch(0.928 0.022 89.80) | #ede7d7 | hsl(44, 38%, 89%) |
|
|
| 500 | oklch(0.925 0.022 89.80) | #ece6d6 | hsl(44, 37%, 88%) |
|
|
| 600 | oklch(0.825 0.053 90.21) | #d3c59f | hsl(44, 37%, 73%) |
|
|
| 700 | oklch(0.723 0.081 90.60) | #b9a469 | hsl(44, 36%, 57%) |
|
|
| 800 | oklch(0.590 0.079 89.34) | #907b43 | hsl(44, 36%, 41%) |
|
|
| 900 | oklch(0.421 0.054 89.62) | #594c29 | hsl(44, 37%, 25%) |
|
|
| 950 | oklch(0.236 0.026 90.58) | #231e10 | hsl(44, 37%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.012 96.43) | #ebe9e0 | hsl(49, 22%, 90%) |
|
|
| 100 | oklch(0.859 0.026 97.16) | #d5d1be | hsl(50, 21%, 79%) |
|
|
| 200 | oklch(0.781 0.040 95.95) | #bfb89b | hsl(48, 22%, 68%) |
|
|
| 300 | oklch(0.703 0.055 97.86) | #a8a079 | hsl(50, 21%, 57%) |
|
|
| 400 | oklch(0.611 0.059 97.26) | #8d845b | hsl(49, 22%, 45%) |
|
|
| 500 | oklch(0.501 0.047 96.95) | #6b6445 | hsl(49, 22%, 35%) |
|
|
| 600 | oklch(0.451 0.042 97.12) | #5c563b | hsl(49, 22%, 30%) |
|
|
| 700 | oklch(0.400 0.037 97.35) | #4d4831 | hsl(49, 22%, 25%) |
|
|
| 800 | oklch(0.344 0.028 96.44) | #3d3928 | hsl(49, 21%, 20%) |
|
|
| 900 | oklch(0.288 0.023 96.64) | #2e2b1e | hsl(49, 21%, 15%) |
|
|
| 950 | oklch(0.230 0.017 97.01) | #1f1d14 | hsl(49, 22%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.005 95.10) | #e8e7e3 | hsl(48, 10%, 90%) |
|
|
| 100 | oklch(0.866 0.011 95.18) | #d5d3cb | hsl(48, 11%, 82%) |
|
|
| 200 | oklch(0.802 0.015 88.70) | #c2beb4 | hsl(43, 10%, 73%) |
|
|
| 300 | oklch(0.737 0.020 93.73) | #aeaa9c | hsl(47, 10%, 65%) |
|
|
| 400 | oklch(0.673 0.025 93.44) | #9b9685 | hsl(46, 10%, 56%) |
|
|
| 500 | oklch(0.603 0.029 92.53) | #87816e | hsl(46, 10%, 48%) |
|
|
| 600 | oklch(0.535 0.025 92.67) | #726d5d | hsl(46, 10%, 41%) |
|
|
| 700 | oklch(0.460 0.021 92.88) | #5c584b | hsl(46, 10%, 33%) |
|
|
| 800 | oklch(0.386 0.017 93.22) | #47443a | hsl(46, 10%, 25%) |
|
|
| 900 | oklch(0.305 0.013 93.84) | #312f28 | hsl(47, 10%, 17%) |
|
|
| 950 | oklch(0.222 0.008 95.41) | #1c1b17 | hsl(48, 10%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.012 121.71) | #e7eae1 | hsl(80, 18%, 90%) |
|
|
| 100 | oklch(0.866 0.026 124.31) | #cfd6c4 | hsl(83, 18%, 80%) |
|
|
| 200 | oklch(0.799 0.039 123.83) | #b8c2a7 | hsl(82, 18%, 71%) |
|
|
| 300 | oklch(0.731 0.052 123.82) | #a1ae8a | hsl(82, 18%, 61%) |
|
|
| 400 | oklch(0.661 0.068 124.69) | #899a6c | hsl(82, 19%, 51%) |
|
|
| 500 | oklch(0.571 0.059 124.29) | #707e57 | hsl(82, 18%, 42%) |
|
|
| 600 | oklch(0.508 0.052 124.44) | #5f6b4a | hsl(82, 18%, 35%) |
|
|
| 700 | oklch(0.444 0.044 124.67) | #4e583d | hsl(82, 18%, 29%) |
|
|
| 800 | oklch(0.376 0.037 124.39) | #3d452f | hsl(82, 19%, 23%) |
|
|
| 900 | oklch(0.303 0.027 122.96) | #2c3122 | hsl(80, 18%, 16%) |
|
|
| 950 | oklch(0.229 0.017 122.74) | #1b1e15 | hsl(80, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
