Warm Earthy Color Palette
This palette exudes a warm, earthy elegance with rich browns and soft greens, evoking a cozy, rustic charm kissed by gentle sunlight.
Practical uses and creative applications
The Warm Earthy Color Palette features a harmonious blend of rich browns, soft greens, and gentle creams, making it an ideal choice for designers looking to evoke a sense of warmth and tranquility. With colors like #5e3929 and #cd8c52 at its core, this palette is perfect for branding, web design, and packaging that aims to connect on a personal level.
Whether you’re crafting an organic skincare line or a cozy café’s visual identity, these hues bring a touch of nature indoors, creating a welcoming atmosphere. Ideal for creatives in fields such as interior design, graphic design, and product packaging, this palette resonates with audiences seeking authenticity and a connection to the natural world.
The soothing tones of #b7d1a3 and #dee8be provide a calming backdrop that enhances user engagement in web design or highlights product features in packaging. By incorporating the soft, inviting shades of #fcf7d3, you can create spaces and visuals that inspire relaxation and comfort, making this palette a versatile choice for any project aiming to evoke a warm and earthy 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.922 0.018 48.52) | #f0e2db | hsl(20, 41%, 90%) |
|
|
| 100 | oklch(0.819 0.042 45.01) | #dcbcae | hsl(18, 40%, 77%) |
|
|
| 200 | oklch(0.717 0.067 45.28) | #c89781 | hsl(19, 39%, 65%) |
|
|
| 300 | oklch(0.614 0.095 43.98) | #b47154 | hsl(18, 39%, 52%) |
|
|
| 400 | oklch(0.503 0.082 43.24) | #8b543d | hsl(18, 39%, 39%) |
|
|
| 500 | oklch(0.385 0.059 43.98) | #5e3929 | hsl(18, 39%, 26%) |
|
|
| 600 | oklch(0.352 0.052 44.27) | #523224 | hsl(18, 39%, 23%) |
|
|
| 700 | oklch(0.321 0.047 43.87) | #472b1f | hsl(18, 39%, 20%) |
|
|
| 800 | oklch(0.287 0.039 44.23) | #3b241a | hsl(18, 39%, 17%) |
|
|
| 900 | oklch(0.252 0.032 44.79) | #2f1d15 | hsl(18, 38%, 13%) |
|
|
| 950 | oklch(0.216 0.026 47.45) | #24160f | hsl(20, 41%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.025 65.57) | #f4e5d7 | hsl(29, 57%, 90%) |
|
|
| 100 | oklch(0.882 0.041 63.63) | #ecd3bd | hsl(28, 55%, 83%) |
|
|
| 200 | oklch(0.833 0.058 63.44) | #e4c1a2 | hsl(28, 55%, 76%) |
|
|
| 300 | oklch(0.785 0.075 63.03) | #dcaf87 | hsl(28, 55%, 70%) |
|
|
| 400 | oklch(0.740 0.092 62.35) | #d59e6d | hsl(28, 55%, 63%) |
|
|
| 500 | oklch(0.693 0.109 61.22) | #cd8c52 | hsl(28, 55%, 56%) |
|
|
| 600 | oklch(0.623 0.117 59.38) | #ba7436 | hsl(28, 55%, 47%) |
|
|
| 700 | oklch(0.531 0.098 59.79) | #955d2b | hsl(28, 55%, 38%) |
|
|
| 800 | oklch(0.436 0.078 59.16) | #714621 | hsl(28, 55%, 29%) |
|
|
| 900 | oklch(0.337 0.057 61.77) | #4c3016 | hsl(29, 55%, 19%) |
|
|
| 950 | oklch(0.229 0.034 62.81) | #28190b | hsl(29, 57%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.025 132.13) | #e4eedd | hsl(95, 33%, 90%) |
|
|
| 100 | oklch(0.915 0.034 131.36) | #dbe8d1 | hsl(94, 33%, 86%) |
|
|
| 200 | oklch(0.893 0.041 131.67) | #d2e2c6 | hsl(94, 33%, 83%) |
|
|
| 300 | oklch(0.873 0.052 131.79) | #c9ddba | hsl(94, 34%, 80%) |
|
|
| 400 | oklch(0.851 0.059 132.02) | #c0d7af | hsl(95, 33%, 76%) |
|
|
| 500 | oklch(0.829 0.068 131.80) | #b7d1a3 | hsl(94, 33%, 73%) |
|
|
| 600 | oklch(0.751 0.102 132.17) | #96bc78 | hsl(94, 34%, 60%) |
|
|
| 700 | oklch(0.661 0.121 132.74) | #75a251 | hsl(93, 33%, 48%) |
|
|
| 800 | oklch(0.532 0.095 133.03) | #56783c | hsl(94, 33%, 35%) |
|
|
| 900 | oklch(0.391 0.067 132.83) | #374d26 | hsl(94, 34%, 23%) |
|
|
| 950 | oklch(0.237 0.034 133.24) | #182211 | hsl(95, 33%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.034 118.01) | #ecf2d9 | hsl(74, 49%, 90%) |
|
|
| 100 | oklch(0.942 0.038 118.54) | #e9f0d4 | hsl(75, 48%, 89%) |
|
|
| 200 | oklch(0.935 0.043 118.64) | #e6eece | hsl(75, 48%, 87%) |
|
|
| 300 | oklch(0.928 0.047 117.78) | #e4ecc9 | hsl(74, 48%, 86%) |
|
|
| 400 | oklch(0.920 0.052 117.99) | #e1eac3 | hsl(74, 48%, 84%) |
|
|
| 500 | oklch(0.913 0.056 118.41) | #dee8be | hsl(74, 48%, 83%) |
|
|
| 600 | oklch(0.841 0.104 119.83) | #c2d587 | hsl(75, 48%, 68%) |
|
|
| 700 | oklch(0.768 0.143 121.15) | #a6c150 | hsl(74, 48%, 54%) |
|
|
| 800 | oklch(0.626 0.123 121.17) | #7d9334 | hsl(74, 48%, 39%) |
|
|
| 900 | oklch(0.449 0.085 121.16) | #4e5c21 | hsl(74, 47%, 25%) |
|
|
| 950 | oklch(0.256 0.043 120.68) | #20260d | hsl(74, 49%, 10%) |
|
dsfds
| 50 | oklch(0.968 0.051 100.05) | #fcf6cf | hsl(52, 88%, 90%) |
|
|
| 100 | oklch(0.968 0.050 99.84) | #fcf6d0 | hsl(52, 88%, 90%) |
|
|
| 200 | oklch(0.970 0.050 101.08) | #fcf7d1 | hsl(53, 88%, 90%) |
|
|
| 300 | oklch(0.971 0.048 100.89) | #fcf7d2 | hsl(53, 88%, 91%) |
|
|
| 400 | oklch(0.971 0.048 100.89) | #fcf7d2 | hsl(53, 88%, 91%) |
|
|
| 500 | oklch(0.971 0.047 100.70) | #fcf7d3 | hsl(53, 87%, 91%) |
|
|
| 600 | oklch(0.925 0.121 101.32) | #f7e986 | hsl(53, 88%, 75%) |
|
|
| 700 | oklch(0.883 0.169 101.15) | #f1db39 | hsl(53, 87%, 58%) |
|
|
| 800 | oklch(0.763 0.156 99.82) | #cab30e | hsl(53, 87%, 42%) |
|
|
| 900 | oklch(0.538 0.109 100.30) | #7d6f09 | hsl(53, 87%, 26%) |
|
|
| 950 | oklch(0.283 0.056 100.33) | #302a03 | hsl(52, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
