Serene Earthy Color Palette
This palette exudes a serene, earthy elegance with warm caramel browns, soft sage greens, and gentle buttery yellows, creating a cozy and inviting atmosphere reminiscent of a sunlit forest retreat.
Practical uses and creative applications
The Serene Earthy Color Palette features a harmonious blend of muted browns, soft greens, and warm yellows, making it perfect for a range of applications including branding, web design, packaging, and interior decor. The main colors#b19676, #766862, #92bf9f, #e3d49c, and #f9f0b7evoke a sense of calm and connection to nature, ideal for brands that emphasize sustainability, wellness, or organic products.
This palette works beautifully in web design, creating inviting and user-friendly interfaces that encourage exploration and interaction. Ideal for designers and creatives seeking to instill a tranquil yet sophisticated vibe, the Serene Earthy Color Palette is particularly suited for businesses in the health, beauty, and eco-friendly sectors.
Its earthy tones can enhance packaging designs, giving products a natural and artisanal feel, while in interior design, these colors can transform spaces into serene retreats. Whether you’re crafting a soothing online presence or designing a cozy, inviting physical space, this palette offers endless possibilities for elevating your projects with a touch of nature-inspired elegance.
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.882 0.020 69.97) | #e1d6ca | hsl(31, 28%, 84%) |
|
|
| 200 | oklch(0.834 0.029 70.89) | #d5c6b5 | hsl(32, 28%, 77%) |
|
|
| 300 | oklch(0.786 0.037 71.32) | #c9b6a0 | hsl(32, 28%, 71%) |
|
|
| 400 | oklch(0.738 0.046 71.48) | #bda68b | hsl(32, 27%, 64%) |
|
|
| 500 | oklch(0.689 0.055 71.46) | #b19676 | hsl(33, 27%, 58%) |
|
|
| 600 | oklch(0.614 0.064 71.11) | #9d7e59 | hsl(33, 28%, 48%) |
|
|
| 700 | oklch(0.524 0.053 70.40) | #7e6548 | hsl(32, 27%, 39%) |
|
|
| 800 | oklch(0.430 0.042 70.42) | #5f4c36 | hsl(32, 28%, 29%) |
|
|
| 900 | oklch(0.331 0.031 70.43) | #403324 | hsl(32, 28%, 20%) |
|
|
| 950 | oklch(0.223 0.016 71.16) | #201a13 | hsl(32, 25%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.004 56.37) | #e8e5e3 | hsl(24, 10%, 90%) |
|
|
| 100 | oklch(0.847 0.008 36.55) | #d2cbc9 | hsl(13, 9%, 81%) |
|
|
| 200 | oklch(0.771 0.013 43.25) | #bcb2ae | hsl(17, 9%, 71%) |
|
|
| 300 | oklch(0.692 0.018 46.49) | #a69993 | hsl(19, 10%, 61%) |
|
|
| 400 | oklch(0.612 0.022 45.12) | #908079 | hsl(18, 9%, 52%) |
|
|
| 500 | oklch(0.529 0.020 44.63) | #766862 | hsl(18, 9%, 42%) |
|
|
| 600 | oklch(0.470 0.018 44.00) | #645853 | hsl(18, 9%, 36%) |
|
|
| 700 | oklch(0.410 0.015 43.10) | #524844 | hsl(17, 9%, 29%) |
|
|
| 800 | oklch(0.348 0.012 41.71) | #403835 | hsl(16, 9%, 23%) |
|
|
| 900 | oklch(0.283 0.010 39.33) | #2e2826 | hsl(15, 10%, 16%) |
|
|
| 950 | oklch(0.216 0.006 56.04) | #1c1917 | hsl(24, 10%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.018 155.80) | #dfece3 | hsl(138, 25%, 90%) |
|
|
| 100 | oklch(0.897 0.028 155.25) | #cfe3d5 | hsl(138, 26%, 85%) |
|
|
| 200 | oklch(0.864 0.037 155.33) | #c0dac8 | hsl(138, 26%, 80%) |
|
|
| 300 | oklch(0.831 0.047 154.03) | #b1d1ba | hsl(137, 26%, 76%) |
|
|
| 400 | oklch(0.797 0.056 154.74) | #a1c8ad | hsl(138, 26%, 71%) |
|
|
| 500 | oklch(0.764 0.066 153.68) | #92bf9f | hsl(137, 26%, 66%) |
|
|
| 600 | oklch(0.685 0.089 152.48) | #6eaa7f | hsl(137, 26%, 55%) |
|
|
| 700 | oklch(0.589 0.088 152.31) | #528c63 | hsl(138, 26%, 44%) |
|
|
| 800 | oklch(0.477 0.068 152.77) | #3d684a | hsl(138, 26%, 32%) |
|
|
| 900 | oklch(0.358 0.049 152.41) | #284430 | hsl(137, 26%, 21%) |
|
|
| 950 | oklch(0.228 0.025 153.81) | #132017 | hsl(138, 25%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.031 94.90) | #f4eed7 | hsl(48, 57%, 90%) |
|
|
| 100 | oklch(0.932 0.040 96.25) | #f0e9cb | hsl(49, 55%, 87%) |
|
|
| 200 | oklch(0.915 0.047 93.91) | #ede3c0 | hsl(47, 56%, 84%) |
|
|
| 300 | oklch(0.900 0.057 93.98) | #eadeb4 | hsl(47, 56%, 81%) |
|
|
| 400 | oklch(0.884 0.066 94.98) | #e6d9a8 | hsl(47, 55%, 78%) |
|
|
| 500 | oklch(0.869 0.075 94.90) | #e3d49c | hsl(47, 56%, 75%) |
|
|
| 600 | oklch(0.802 0.110 95.36) | #d4be68 | hsl(48, 56%, 62%) |
|
|
| 700 | oklch(0.729 0.130 93.36) | #c3a537 | hsl(47, 56%, 49%) |
|
|
| 800 | oklch(0.584 0.102 94.30) | #8f7a29 | hsl(48, 55%, 36%) |
|
|
| 900 | oklch(0.427 0.072 93.95) | #5c4e1a | hsl(47, 56%, 23%) |
|
|
| 950 | oklch(0.253 0.038 94.90) | #28220b | hsl(48, 57%, 10%) |
|
dsfds
| 50 | oklch(0.965 0.048 99.63) | #fbf5d0 | hsl(52, 84%, 90%) |
|
|
| 100 | oklch(0.962 0.054 99.29) | #fbf4cb | hsl(51, 86%, 89%) |
|
|
| 200 | oklch(0.958 0.059 100.07) | #faf3c6 | hsl(52, 84%, 88%) |
|
|
| 300 | oklch(0.955 0.064 99.76) | #faf2c1 | hsl(52, 85%, 87%) |
|
|
| 400 | oklch(0.952 0.069 100.40) | #f9f1bc | hsl(52, 84%, 86%) |
|
|
| 500 | oklch(0.949 0.074 100.13) | #f9f0b7 | hsl(52, 85%, 85%) |
|
|
| 600 | oklch(0.902 0.134 100.32) | #f3e171 | hsl(52, 84%, 70%) |
|
|
| 700 | oklch(0.863 0.170 99.65) | #edd32a | hsl(52, 84%, 55%) |
|
|
| 800 | oklch(0.718 0.146 98.40) | #bca410 | hsl(52, 84%, 40%) |
|
|
| 900 | oklch(0.512 0.103 99.55) | #75670a | hsl(52, 84%, 25%) |
|
|
| 950 | oklch(0.279 0.054 99.88) | #2f2904 | hsl(52, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
