Warm Earthy Color Palette
This palette exudes a warm, cozy sophistication with rich earthy tones of muted mauve and deep brown, complemented by soft creamy whites that evoke a serene, inviting atmosphere.
Practical uses and creative applications
The Warm Earthy Color Palette is an exquisite blend of rich, natural hues that evoke a sense of comfort and tranquility. Featuring deep browns, muted mauves, and soft creams, this palette is ideal for designers and creatives looking to incorporate warmth and sophistication into their projects.
Whether you’re crafting a branding identity, designing a website, or developing packaging, these colors work harmoniously to create a welcoming and grounded aesthetic. This palette is particularly suited for brands in the wellness, organic, and artisanal sectors, where a connection to nature is paramount.
It can enhance the visual appeal of interior spaces, making them feel cozy and invitingperfect for cafes, boutiques, or home décor brands. The Warm Earthy Color Palette also resonates well with audiences who appreciate a rustic yet refined style, offering a timeless quality 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.920 0.005 17.26) | #e8e3e3 | hsl(0, 10%, 90%) |
|
|
| 100 | oklch(0.828 0.011 24.34) | #cec4c3 | hsl(5, 10%, 79%) |
|
|
| 200 | oklch(0.733 0.020 21.67) | #b5a4a3 | hsl(3, 11%, 67%) |
|
|
| 300 | oklch(0.636 0.027 20.98) | #9b8584 | hsl(3, 10%, 56%) |
|
|
| 400 | oklch(0.539 0.030 21.04) | #7f6867 | hsl(2, 10%, 45%) |
|
|
| 500 | oklch(0.441 0.023 22.03) | #5f4e4d | hsl(3, 10%, 34%) |
|
|
| 600 | oklch(0.398 0.021 22.55) | #524342 | hsl(4, 11%, 29%) |
|
|
| 700 | oklch(0.353 0.017 23.62) | #443837 | hsl(5, 11%, 24%) |
|
|
| 800 | oklch(0.308 0.015 24.72) | #372d2c | hsl(5, 11%, 19%) |
|
|
| 900 | oklch(0.261 0.012 17.96) | #2a2222 | hsl(0, 11%, 15%) |
|
|
| 950 | oklch(0.211 0.008 17.81) | #1c1717 | hsl(0, 10%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.008 17.30) | #e9e2e2 | hsl(0, 14%, 90%) |
|
|
| 100 | oklch(0.843 0.015 17.45) | #d5c8c8 | hsl(0, 13%, 81%) |
|
|
| 200 | oklch(0.767 0.022 21.27) | #c1aead | hsl(3, 14%, 72%) |
|
|
| 300 | oklch(0.689 0.030 20.63) | #ad9493 | hsl(2, 14%, 63%) |
|
|
| 400 | oklch(0.609 0.039 20.43) | #997a79 | hsl(2, 14%, 54%) |
|
|
| 500 | oklch(0.530 0.039 20.68) | #816362 | hsl(2, 14%, 45%) |
|
|
| 600 | oklch(0.471 0.033 21.07) | #6d5453 | hsl(2, 14%, 38%) |
|
|
| 700 | oklch(0.409 0.029 18.41) | #594444 | hsl(0, 13%, 31%) |
|
|
| 800 | oklch(0.346 0.023 22.49) | #453534 | hsl(4, 14%, 24%) |
|
|
| 900 | oklch(0.281 0.017 24.26) | #312625 | hsl(5, 14%, 17%) |
|
|
| 950 | oklch(0.209 0.011 18.10) | #1d1616 | hsl(0, 14%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.005 17.26) | #e8e3e3 | hsl(0, 10%, 90%) |
|
|
| 100 | oklch(0.856 0.011 24.34) | #d7cdcc | hsl(5, 12%, 82%) |
|
|
| 200 | oklch(0.791 0.016 22.45) | #c5b7b6 | hsl(4, 11%, 74%) |
|
|
| 300 | oklch(0.725 0.022 21.30) | #b4a1a0 | hsl(3, 12%, 67%) |
|
|
| 400 | oklch(0.657 0.028 20.85) | #a28b8a | hsl(2, 11%, 59%) |
|
|
| 500 | oklch(0.589 0.035 20.60) | #917574 | hsl(2, 12%, 51%) |
|
|
| 600 | oklch(0.520 0.031 21.00) | #7a6261 | hsl(2, 11%, 43%) |
|
|
| 700 | oklch(0.448 0.027 21.56) | #634f4e | hsl(3, 12%, 35%) |
|
|
| 800 | oklch(0.372 0.021 18.14) | #4b3c3c | hsl(0, 11%, 26%) |
|
|
| 900 | oklch(0.293 0.016 18.13) | #342929 | hsl(0, 12%, 18%) |
|
|
| 950 | oklch(0.211 0.008 17.81) | #1c1717 | hsl(0, 10%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.021 79.09) | #f1e8da | hsl(37, 45%, 90%) |
|
|
| 100 | oklch(0.933 0.021 81.78) | #f0e8da | hsl(38, 42%, 90%) |
|
|
| 200 | oklch(0.933 0.021 81.78) | #f0e8da | hsl(38, 42%, 90%) |
|
|
| 300 | oklch(0.932 0.020 77.31) | #f0e7da | hsl(35, 42%, 90%) |
|
|
| 400 | oklch(0.931 0.021 79.09) | #f0e7d9 | hsl(37, 43%, 90%) |
|
|
| 500 | oklch(0.931 0.021 79.09) | #f0e7d9 | hsl(37, 43%, 90%) |
|
|
| 600 | oklch(0.825 0.054 78.24) | #d9c29f | hsl(36, 43%, 74%) |
|
|
| 700 | oklch(0.717 0.086 77.09) | #c29d65 | hsl(36, 43%, 58%) |
|
|
| 800 | oklch(0.586 0.087 77.15) | #99753c | hsl(37, 44%, 42%) |
|
|
| 900 | oklch(0.418 0.059 76.41) | #5f4825 | hsl(36, 44%, 26%) |
|
|
| 950 | oklch(0.233 0.028 77.76) | #251c0e | hsl(37, 45%, 10%) |
|
dsfds
| 50 | oklch(0.953 0.045 85.87) | #fdeece | hsl(41, 92%, 90%) |
|
|
| 100 | oklch(0.958 0.039 86.06) | #fdf0d4 | hsl(41, 91%, 91%) |
|
|
| 200 | oklch(0.963 0.034 86.31) | #fdf2da | hsl(41, 90%, 92%) |
|
|
| 300 | oklch(0.969 0.028 86.64) | #fdf4e0 | hsl(41, 88%, 94%) |
|
|
| 400 | oklch(0.975 0.024 85.79) | #fef6e5 | hsl(41, 93%, 95%) |
|
|
| 500 | oklch(0.980 0.018 86.15) | #fef8eb | hsl(41, 90%, 96%) |
|
|
| 600 | oklch(0.902 0.091 85.79) | #fadb98 | hsl(41, 91%, 79%) |
|
|
| 700 | oklch(0.832 0.148 83.09) | #f6be44 | hsl(41, 91%, 62%) |
|
|
| 800 | oklch(0.721 0.148 77.95) | #d7970b | hsl(41, 90%, 44%) |
|
|
| 900 | oklch(0.505 0.103 78.37) | #845c07 | hsl(41, 90%, 27%) |
|
|
| 950 | oklch(0.263 0.052 82.68) | #312202 | hsl(41, 92%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
