Earthy Warmth Color Palette
This earthy palette of warm browns and vibrant yellows evokes a rustic autumnal charm, blending cozy elegance with a playful pop of sunshine.
Practical uses and creative applications
The Earthy Warmth Color Palette is a harmonious blend of rich browns, vibrant yellows, and soft neutrals, perfect for those seeking to evoke a sense of comfort and connection to nature. Featuring warm tones like #A88642 and #905F2F, this palette is ideal for branding projects that aim to convey authenticity and reliability.
Whether you’re designing a rustic coffee shop's logo or creating packaging for an organic skincare line, these colors will resonate with audiences looking for genuine, eco-friendly products. Web designers and creatives can leverage the versatility of the Earthy Warmth palette to create inviting and approachable digital spaces.
The combination of deep shades like #523831 with lighter accents such as #D9D568 and #F1FC7B allows for a balanced aesthetic that feels both contemporary and timeless. This palette is particularly suited for lifestyle blogs, wellness websites, or interior design projects that strive for a cozy, natural vibe.
By incorporating these colors, designers can craft experiences that not only look good but also foster emotional connections with users.
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.936 0.022 83.26) | #f1e9da | hsl(39, 45%, 90%) |
|
|
| 100 | oklch(0.880 0.040 84.57) | #e4d6ba | hsl(40, 44%, 81%) |
|
|
| 200 | oklch(0.824 0.059 84.97) | #d7c39a | hsl(40, 43%, 72%) |
|
|
| 300 | oklch(0.768 0.079 84.52) | #cbb079 | hsl(40, 44%, 64%) |
|
|
| 400 | oklch(0.709 0.095 83.10) | #be9c59 | hsl(40, 44%, 55%) |
|
|
| 500 | oklch(0.638 0.096 82.83) | #a88642 | hsl(40, 44%, 46%) |
|
|
| 600 | oklch(0.565 0.083 82.52) | #8e7138 | hsl(40, 43%, 39%) |
|
|
| 700 | oklch(0.487 0.071 83.50) | #735c2d | hsl(40, 44%, 31%) |
|
|
| 800 | oklch(0.408 0.058 83.19) | #594723 | hsl(40, 44%, 24%) |
|
|
| 900 | oklch(0.325 0.043 82.56) | #3f3219 | hsl(39, 43%, 17%) |
|
|
| 950 | oklch(0.236 0.029 82.29) | #251d0e | hsl(39, 45%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.021 65.31) | #f2e5d9 | hsl(29, 49%, 90%) |
|
|
| 100 | oklch(0.855 0.046 66.07) | #e5cab0 | hsl(29, 50%, 79%) |
|
|
| 200 | oklch(0.781 0.071 65.06) | #d8af88 | hsl(29, 51%, 69%) |
|
|
| 300 | oklch(0.710 0.096 65.22) | #cb955f | hsl(30, 51%, 58%) |
|
|
| 400 | oklch(0.632 0.110 63.39) | #b87a3c | hsl(30, 51%, 48%) |
|
|
| 500 | oklch(0.529 0.090 63.03) | #905f2f | hsl(30, 51%, 37%) |
|
|
| 600 | oklch(0.473 0.080 63.07) | #7b5128 | hsl(30, 51%, 32%) |
|
|
| 700 | oklch(0.415 0.069 63.11) | #664321 | hsl(30, 51%, 26%) |
|
|
| 800 | oklch(0.356 0.057 63.15) | #51351a | hsl(29, 51%, 21%) |
|
|
| 900 | oklch(0.293 0.045 63.16) | #3c2713 | hsl(29, 52%, 15%) |
|
|
| 950 | oklch(0.227 0.030 63.14) | #26190d | hsl(29, 49%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.012 37.42) | #ece2df | hsl(14, 25%, 90%) |
|
|
| 100 | oklch(0.813 0.028 34.98) | #d3bcb6 | hsl(12, 25%, 77%) |
|
|
| 200 | oklch(0.707 0.046 36.04) | #bb978d | hsl(13, 25%, 64%) |
|
|
| 300 | oklch(0.595 0.066 35.45) | #a27164 | hsl(13, 25%, 51%) |
|
|
| 400 | oklch(0.485 0.055 34.96) | #7b544a | hsl(12, 25%, 39%) |
|
|
| 500 | oklch(0.369 0.039 35.66) | #523831 | hsl(13, 25%, 26%) |
|
|
| 600 | oklch(0.338 0.035 35.17) | #48312b | hsl(12, 25%, 23%) |
|
|
| 700 | oklch(0.307 0.031 34.54) | #3e2a25 | hsl(12, 25%, 19%) |
|
|
| 800 | oklch(0.276 0.027 33.66) | #34231f | hsl(11, 25%, 16%) |
|
|
| 900 | oklch(0.245 0.022 37.79) | #2a1d19 | hsl(14, 25%, 13%) |
|
|
| 950 | oklch(0.212 0.017 37.35) | #201613 | hsl(14, 25%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.039 105.55) | #f5f4d6 | hsl(58, 61%, 90%) |
|
|
| 100 | oklch(0.938 0.060 106.47) | #efeec0 | hsl(59, 59%, 85%) |
|
|
| 200 | oklch(0.916 0.079 105.48) | #eae7aa | hsl(57, 60%, 79%) |
|
|
| 300 | oklch(0.895 0.098 106.31) | #e4e194 | hsl(58, 60%, 74%) |
|
|
| 400 | oklch(0.875 0.116 106.39) | #dfdb7e | hsl(58, 60%, 68%) |
|
|
| 500 | oklch(0.854 0.132 106.97) | #d9d568 | hsl(58, 60%, 63%) |
|
|
| 600 | oklch(0.816 0.155 107.34) | #cec93d | hsl(58, 60%, 52%) |
|
|
| 700 | oklch(0.707 0.138 107.55) | #aaa62b | hsl(58, 60%, 42%) |
|
|
| 800 | oklch(0.572 0.110 107.53) | #7f7c20 | hsl(58, 60%, 31%) |
|
|
| 900 | oklch(0.428 0.080 107.49) | #545215 | hsl(58, 60%, 21%) |
|
|
| 950 | oklch(0.270 0.046 107.33) | #29280a | hsl(58, 61%, 10%) |
|
dsfds
| 50 | oklch(0.982 0.063 111.35) | #fafecd | hsl(65, 96%, 90%) |
|
|
| 100 | oklch(0.975 0.082 111.54) | #f8fdbd | hsl(65, 94%, 87%) |
|
|
| 200 | oklch(0.970 0.102 112.32) | #f6fdac | hsl(65, 95%, 83%) |
|
|
| 300 | oklch(0.966 0.120 112.98) | #f4fd9c | hsl(66, 96%, 80%) |
|
|
| 400 | oklch(0.961 0.137 112.70) | #f3fc8b | hsl(65, 95%, 77%) |
|
|
| 500 | oklch(0.957 0.153 113.31) | #f1fc7b | hsl(65, 96%, 74%) |
|
|
| 600 | oklch(0.945 0.198 114.81) | #eafb3c | hsl(65, 96%, 61%) |
|
|
| 700 | oklch(0.909 0.207 115.73) | #dcf005 | hsl(65, 96%, 48%) |
|
|
| 800 | oklch(0.724 0.164 115.72) | #a2b104 | hsl(65, 96%, 35%) |
|
|
| 900 | oklch(0.523 0.118 115.17) | #687103 | hsl(65, 95%, 23%) |
|
|
| 950 | oklch(0.303 0.067 114.56) | #2e3201 | hsl(65, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
