Warm Earthy Color Palette
This palette exudes a warm, earthy sophistication with muted mauve, soft beige, sunny golden yellow, vibrant coral, and bold fuchsia, creating a stylish blend of cozy elegance and playful energy.
Practical uses and creative applications
The Warm Earthy Color Palette features a rich blend of hues like #89666d, #d2c29f, #e3a868, #f76f6d, and #f2306d, creating a harmonious and inviting atmosphere perfect for various creative applications. This palette is ideal for branding projects that aim to evoke feelings of warmth and comfort, making it an excellent choice for artisanal brands, eco-friendly products, and wellness companies.
When used in web design, these colors can create a visually appealing user experience that fosters a connection with the audience, enhancing engagement and promoting a sense of community. Interior designers and decorators will find the Warm Earthy Color Palette to be a versatile option for creating cozy living spaces.
The earthy tones lend themselves well to creating tranquil environments, whether in residential homes or commercial settings like cafes and boutiques. Additionally, packaging designers can utilize this palette to highlight organic and handcrafted products, reflecting a commitment to sustainability and authenticity.
Overall, this color palette is tailored for creatives seeking to infuse warmth and earthiness into their projects, resonating with audiences who appreciate a grounded and organic aesthetic.
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.919 0.008 7.30) | #e9e2e3 | hsl(351, 14%, 90%) |
|
|
100 | oklch(0.847 0.015 6.77) | #d6c9cb | hsl(351, 14%, 81%) |
|
|
200 | oklch(0.773 0.025 4.67) | #c4afb3 | hsl(349, 15%, 73%) |
|
|
300 | oklch(0.699 0.033 5.41) | #b1969b | hsl(349, 15%, 64%) |
|
|
400 | oklch(0.623 0.042 4.16) | #9e7d84 | hsl(347, 15%, 55%) |
|
|
500 | oklch(0.548 0.046 5.40) | #89666d | hsl(348, 15%, 47%) |
|
|
600 | oklch(0.485 0.039 4.87) | #73565c | hsl(348, 14%, 39%) |
|
|
700 | oklch(0.422 0.034 4.75) | #5e464b | hsl(348, 15%, 32%) |
|
|
800 | oklch(0.354 0.026 3.70) | #48363a | hsl(347, 14%, 25%) |
|
|
900 | oklch(0.285 0.020 8.08) | #332628 | hsl(351, 15%, 17%) |
|
|
950 | oklch(0.209 0.011 8.44) | #1d1617 | hsl(351, 14%, 10%) |
|
dsfds
50 | oklch(0.935 0.018 86.15) | #efe9dc | hsl(41, 37%, 90%) |
|
|
100 | oklch(0.911 0.024 85.79) | #e9e1d0 | hsl(41, 36%, 86%) |
|
|
200 | oklch(0.888 0.030 85.57) | #e3d9c4 | hsl(41, 36%, 83%) |
|
|
300 | oklch(0.866 0.037 87.80) | #ddd2b8 | hsl(42, 35%, 79%) |
|
|
400 | oklch(0.842 0.044 86.58) | #d8caab | hsl(41, 37%, 76%) |
|
|
500 | oklch(0.818 0.050 86.33) | #d2c29f | hsl(41, 36%, 72%) |
|
|
600 | oklch(0.734 0.072 85.06) | #bea674 | hsl(41, 36%, 60%) |
|
|
700 | oklch(0.643 0.086 84.97) | #a5894d | hsl(41, 36%, 47%) |
|
|
800 | oklch(0.516 0.067 85.65) | #796539 | hsl(41, 36%, 35%) |
|
|
900 | oklch(0.382 0.046 85.38) | #4e4125 | hsl(41, 36%, 23%) |
|
|
950 | oklch(0.234 0.025 85.78) | #231d10 | hsl(41, 37%, 10%) |
|
dsfds
50 | oklch(0.934 0.030 69.04) | #f7e6d4 | hsl(31, 69%, 90%) |
|
|
100 | oklch(0.902 0.046 70.35) | #f3dabe | hsl(32, 69%, 85%) |
|
|
200 | oklch(0.868 0.061 68.49) | #efcda9 | hsl(31, 69%, 80%) |
|
|
300 | oklch(0.837 0.077 69.01) | #ebc193 | hsl(31, 69%, 75%) |
|
|
400 | oklch(0.804 0.092 67.51) | #e7b47e | hsl(31, 69%, 70%) |
|
|
500 | oklch(0.774 0.107 67.38) | #e3a868 | hsl(31, 69%, 65%) |
|
|
600 | oklch(0.708 0.135 64.43) | #da8d39 | hsl(31, 69%, 54%) |
|
|
700 | oklch(0.614 0.127 62.86) | #b97122 | hsl(31, 69%, 43%) |
|
|
800 | oklch(0.497 0.101 63.19) | #8a5419 | hsl(31, 69%, 32%) |
|
|
900 | oklch(0.372 0.071 64.10) | #5a3711 | hsl(31, 68%, 21%) |
|
|
950 | oklch(0.236 0.040 65.39) | #2b1a08 | hsl(31, 69%, 10%) |
|
dsfds
50 | oklch(0.893 0.051 18.15) | #fccfcf | hsl(0, 88%, 90%) |
|
|
100 | oklch(0.852 0.073 19.74) | #fbbcbb | hsl(1, 89%, 86%) |
|
|
200 | oklch(0.813 0.096 20.15) | #faa9a8 | hsl(1, 89%, 82%) |
|
|
300 | oklch(0.775 0.120 21.42) | #f99694 | hsl(1, 89%, 78%) |
|
|
400 | oklch(0.738 0.145 21.69) | #f88281 | hsl(1, 89%, 74%) |
|
|
500 | oklch(0.706 0.168 23.18) | #f76f6d | hsl(1, 90%, 70%) |
|
|
600 | oklch(0.632 0.225 27.21) | #f43633 | hsl(1, 90%, 58%) |
|
|
700 | oklch(0.569 0.228 28.98) | #de0f0c | hsl(1, 90%, 46%) |
|
|
800 | oklch(0.455 0.181 28.82) | #a40b09 | hsl(1, 90%, 34%) |
|
|
900 | oklch(0.334 0.130 28.48) | #6a0706 | hsl(1, 89%, 22%) |
|
|
950 | oklch(0.200 0.074 27.10) | #300303 | hsl(0, 88%, 10%) |
|
dsfds
50 | oklch(0.897 0.054 357.62) | #fccfdd | hsl(341, 88%, 90%) |
|
|
100 | oklch(0.832 0.092 358.45) | #faafc7 | hsl(341, 88%, 83%) |
|
|
200 | oklch(0.770 0.132 0.49) | #f88fb0 | hsl(341, 88%, 77%) |
|
|
300 | oklch(0.716 0.169 2.60) | #f6709a | hsl(341, 88%, 70%) |
|
|
400 | oklch(0.669 0.202 5.54) | #f45083 | hsl(341, 88%, 64%) |
|
|
500 | oklch(0.634 0.227 9.03) | #f2306d | hsl(341, 88%, 57%) |
|
|
600 | oklch(0.588 0.230 14.08) | #e40e51 | hsl(341, 88%, 47%) |
|
|
700 | oklch(0.500 0.195 13.54) | #b70b41 | hsl(341, 89%, 38%) |
|
|
800 | oklch(0.408 0.157 12.78) | #8a0931 | hsl(341, 88%, 29%) |
|
|
900 | oklch(0.310 0.117 11.23) | #5d0621 | hsl(341, 88%, 19%) |
|
|
950 | oklch(0.204 0.074 7.07) | #300311 | hsl(341, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.