Serene Earthy Color Palette
A serene, earthy blend of muted greens and warm taupes, accented by a sunny amber, evokes a cozy, rustic charm reminiscent of a tranquil forest retreat.
Practical uses and creative applications
The Serene Earthy Color Palette beautifully combines rich, nature-inspired hues that evoke tranquility and connection to the earth. Featuring deep shades like #52493a and soft greens such as #7c8569, this palette is perfect for branding projects that focus on wellness, sustainability, or outdoor lifestyles.
The warm beige (#e8e0ae) and calming taupe (#a4ab80) create a serene backdrop, while the vibrant accent of #de733e adds a touch of warmth and energy, making it ideal for packaging designs that aim to convey authenticity and comfort. Ideal for designers and creatives looking to craft harmonious web designs or interiors, the Serene Earthy Color Palette can elevate any project with its balanced, organic look.
Whether you’re designing a cozy café’s interior, developing an eco-friendly product line, or refreshing a personal brand, this palette invites a sense of peace and groundedness. By incorporating these earthy tones, you can create inviting spaces and visuals that resonate with audiences who appreciate natural aesthetics and mindful 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.929 0.009 84.57) | #eae7e1 | hsl(40, 18%, 90%) |
|
|
| 100 | oklch(0.835 0.018 81.32) | #cfc8bc | hsl(38, 17%, 77%) |
|
|
| 200 | oklch(0.742 0.031 82.57) | #b5aa96 | hsl(39, 17%, 65%) |
|
|
| 300 | oklch(0.644 0.042 79.84) | #9b8b71 | hsl(37, 17%, 53%) |
|
|
| 400 | oklch(0.530 0.037 80.76) | #776a54 | hsl(38, 17%, 40%) |
|
|
| 500 | oklch(0.410 0.027 80.44) | #52493a | hsl(38, 17%, 27%) |
|
|
| 600 | oklch(0.376 0.024 79.85) | #484033 | hsl(37, 17%, 24%) |
|
|
| 700 | oklch(0.337 0.021 79.06) | #3d362b | hsl(37, 17%, 20%) |
|
|
| 800 | oklch(0.301 0.018 77.95) | #332d24 | hsl(36, 17%, 17%) |
|
|
| 900 | oklch(0.262 0.014 81.66) | #28241d | hsl(38, 16%, 14%) |
|
|
| 950 | oklch(0.223 0.012 84.55) | #1e1b15 | hsl(40, 18%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.008 121.64) | #e7e9e3 | hsl(80, 12%, 90%) |
|
|
| 100 | oklch(0.867 0.016 123.07) | #d1d5ca | hsl(82, 12%, 81%) |
|
|
| 200 | oklch(0.805 0.024 122.82) | #bcc2b1 | hsl(81, 12%, 73%) |
|
|
| 300 | oklch(0.739 0.032 121.55) | #a7ae98 | hsl(79, 12%, 64%) |
|
|
| 400 | oklch(0.675 0.040 122.46) | #929b80 | hsl(80, 12%, 55%) |
|
|
| 500 | oklch(0.601 0.042 122.15) | #7c8569 | hsl(79, 12%, 47%) |
|
|
| 600 | oklch(0.532 0.036 121.37) | #697059 | hsl(78, 11%, 39%) |
|
|
| 700 | oklch(0.460 0.031 121.85) | #555b48 | hsl(79, 12%, 32%) |
|
|
| 800 | oklch(0.386 0.024 120.47) | #424638 | hsl(77, 11%, 25%) |
|
|
| 900 | oklch(0.307 0.018 121.03) | #2e3127 | hsl(78, 11%, 17%) |
|
|
| 950 | oklch(0.226 0.012 122.33) | #1b1d17 | hsl(80, 12%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.015 115.05) | #e9ebe0 | hsl(71, 22%, 90%) |
|
|
| 100 | oklch(0.894 0.023 114.99) | #dbdecd | hsl(71, 20%, 84%) |
|
|
| 200 | oklch(0.851 0.031 115.08) | #cdd1ba | hsl(70, 20%, 77%) |
|
|
| 300 | oklch(0.809 0.040 113.67) | #c0c4a7 | hsl(68, 20%, 71%) |
|
|
| 400 | oklch(0.768 0.051 115.10) | #b2b893 | hsl(70, 21%, 65%) |
|
|
| 500 | oklch(0.724 0.060 115.43) | #a4ab80 | hsl(70, 20%, 59%) |
|
|
| 600 | oklch(0.654 0.072 115.68) | #8e9663 | hsl(69, 20%, 49%) |
|
|
| 700 | oklch(0.557 0.059 115.28) | #727850 | hsl(69, 20%, 39%) |
|
|
| 800 | oklch(0.455 0.046 115.98) | #555a3c | hsl(70, 20%, 29%) |
|
|
| 900 | oklch(0.350 0.035 117.01) | #393d28 | hsl(71, 21%, 20%) |
|
|
| 950 | oklch(0.233 0.020 116.38) | #1d1f14 | hsl(71, 22%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.033 99.54) | #f4f0d7 | hsl(52, 57%, 90%) |
|
|
| 100 | oklch(0.941 0.040 100.88) | #f1edcf | hsl(53, 55%, 88%) |
|
|
| 200 | oklch(0.930 0.045 98.94) | #efe9c7 | hsl(51, 56%, 86%) |
|
|
| 300 | oklch(0.921 0.052 98.88) | #ede6bf | hsl(51, 56%, 84%) |
|
|
| 400 | oklch(0.910 0.059 100.11) | #eae3b6 | hsl(52, 55%, 82%) |
|
|
| 500 | oklch(0.901 0.066 99.98) | #e8e0ae | hsl(52, 56%, 80%) |
|
|
| 600 | oklch(0.835 0.106 100.62) | #d8cb77 | hsl(52, 55%, 66%) |
|
|
| 700 | oklch(0.771 0.137 100.07) | #c9b63f | hsl(52, 56%, 52%) |
|
|
| 800 | oklch(0.620 0.111 99.83) | #96872b | hsl(52, 55%, 38%) |
|
|
| 900 | oklch(0.450 0.079 100.54) | #5f561b | hsl(52, 56%, 24%) |
|
|
| 950 | oklch(0.258 0.040 100.32) | #28240b | hsl(52, 57%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.032 47.35) | #f8dfd3 | hsl(19, 73%, 90%) |
|
|
| 100 | oklch(0.868 0.053 48.09) | #f2cab6 | hsl(20, 70%, 83%) |
|
|
| 200 | oklch(0.815 0.077 47.34) | #edb498 | hsl(20, 70%, 76%) |
|
|
| 300 | oklch(0.764 0.102 46.70) | #e89e7a | hsl(20, 71%, 69%) |
|
|
| 400 | oklch(0.716 0.126 46.63) | #e3895c | hsl(20, 71%, 63%) |
|
|
| 500 | oklch(0.669 0.149 45.23) | #de733e | hsl(20, 71%, 56%) |
|
|
| 600 | oklch(0.602 0.158 43.29) | #cb5a23 | hsl(20, 71%, 47%) |
|
|
| 700 | oklch(0.515 0.132 44.00) | #a3491c | hsl(20, 71%, 37%) |
|
|
| 800 | oklch(0.422 0.105 44.35) | #7b3715 | hsl(20, 71%, 28%) |
|
|
| 900 | oklch(0.325 0.077 44.92) | #53250e | hsl(20, 71%, 19%) |
|
|
| 950 | oklch(0.221 0.046 45.55) | #2c1307 | hsl(19, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
