Warm Earthy Color Palette
This palette blends earthy browns and vibrant coral with soft pastels, evoking a warm, cozy atmosphere that's both inviting and stylishly modern.
Practical uses and creative applications
The Warm Earthy Color Palette features a harmonious blend of rich browns, vibrant oranges, soft peach tones, cool greens, and light neutrals, making it an ideal choice for a variety of creative projects. Designers and brands looking to evoke a sense of warmth and comfort will find these colors perfect for branding and web design.
The earthy tones can be effectively utilized in packaging for organic products or artisanal goods, conveying authenticity and a connection to nature. This palette is particularly suited for interior design, where it can transform spaces into cozy retreats.
Use the deep browns and warm oranges to create inviting living areas, while the soft greens and light neutrals add a refreshing touch to bedrooms or workspaces. Ideal for creatives in the wellness, artisanal, or eco-friendly sectors, the Warm Earthy Color Palette fosters a serene and grounded atmosphere, making it perfect for brands that want to resonate with environmentally conscious consumers or those seeking comfort in their designs.
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.921 0.008 36.55) | #eae3e1 | hsl(13, 18%, 90%) |
|
|
| 100 | oklch(0.817 0.019 38.14) | #cfbfba | hsl(14, 18%, 77%) |
|
|
| 200 | oklch(0.710 0.032 36.15) | #b49b94 | hsl(13, 18%, 64%) |
|
|
| 300 | oklch(0.600 0.046 37.01) | #99776d | hsl(14, 18%, 51%) |
|
|
| 400 | oklch(0.489 0.038 37.13) | #745951 | hsl(14, 18%, 39%) |
|
|
| 500 | oklch(0.370 0.027 36.05) | #4d3b36 | hsl(13, 18%, 26%) |
|
|
| 600 | oklch(0.341 0.025 38.06) | #44342f | hsl(14, 18%, 23%) |
|
|
| 700 | oklch(0.310 0.021 37.79) | #3a2d29 | hsl(14, 17%, 19%) |
|
|
| 800 | oklch(0.277 0.019 34.39) | #312522 | hsl(12, 18%, 16%) |
|
|
| 900 | oklch(0.245 0.015 32.66) | #271e1c | hsl(11, 16%, 13%) |
|
|
| 950 | oklch(0.212 0.012 36.50) | #1e1715 | hsl(13, 18%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.038 36.23) | #fadad1 | hsl(13, 80%, 90%) |
|
|
| 100 | oklch(0.857 0.065 36.36) | #f7c2b3 | hsl(13, 81%, 84%) |
|
|
| 200 | oklch(0.802 0.094 35.55) | #f4a995 | hsl(13, 81%, 77%) |
|
|
| 300 | oklch(0.751 0.123 35.98) | #f19177 | hsl(13, 81%, 71%) |
|
|
| 400 | oklch(0.704 0.152 36.25) | #ee7959 | hsl(13, 81%, 64%) |
|
|
| 500 | oklch(0.662 0.179 36.16) | #eb613b | hsl(13, 81%, 58%) |
|
|
| 600 | oklch(0.604 0.200 34.91) | #df4217 | hsl(13, 81%, 48%) |
|
|
| 700 | oklch(0.514 0.168 35.16) | #b33512 | hsl(13, 82%, 39%) |
|
|
| 800 | oklch(0.419 0.133 35.42) | #86280e | hsl(13, 81%, 29%) |
|
|
| 900 | oklch(0.321 0.097 36.08) | #5a1b09 | hsl(13, 82%, 19%) |
|
|
| 950 | oklch(0.214 0.056 37.70) | #2e0e05 | hsl(13, 80%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.043 37.67) | #fdd9ce | hsl(14, 92%, 90%) |
|
|
| 100 | oklch(0.879 0.061 37.34) | #fccabb | hsl(14, 92%, 86%) |
|
|
| 200 | oklch(0.846 0.079 37.19) | #fbbba8 | hsl(14, 91%, 82%) |
|
|
| 300 | oklch(0.817 0.098 37.83) | #fbad95 | hsl(14, 93%, 78%) |
|
|
| 400 | oklch(0.786 0.117 37.69) | #fa9e82 | hsl(14, 92%, 75%) |
|
|
| 500 | oklch(0.756 0.137 37.59) | #f98f6f | hsl(14, 92%, 71%) |
|
|
| 600 | oklch(0.680 0.193 36.86) | #f76134 | hsl(14, 92%, 59%) |
|
|
| 700 | oklch(0.605 0.210 34.69) | #e33c09 | hsl(14, 92%, 46%) |
|
|
| 800 | oklch(0.485 0.166 34.96) | #a82c07 | hsl(14, 92%, 34%) |
|
|
| 900 | oklch(0.357 0.116 36.06) | #6c1d05 | hsl(14, 91%, 22%) |
|
|
| 950 | oklch(0.218 0.063 39.95) | #310d02 | hsl(14, 92%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.016 166.71) | #dfece6 | hsl(152, 25%, 90%) |
|
|
| 100 | oklch(0.918 0.019 166.35) | #d9e8e1 | hsl(152, 25%, 88%) |
|
|
| 200 | oklch(0.904 0.021 166.05) | #d3e4dc | hsl(152, 24%, 86%) |
|
|
| 300 | oklch(0.890 0.024 165.79) | #cde0d7 | hsl(152, 23%, 84%) |
|
|
| 400 | oklch(0.878 0.028 164.28) | #c7ddd2 | hsl(150, 24%, 82%) |
|
|
| 500 | oklch(0.864 0.030 164.19) | #c1d9cd | hsl(150, 24%, 80%) |
|
|
| 600 | oklch(0.765 0.054 163.13) | #94bea9 | hsl(150, 24%, 66%) |
|
|
| 700 | oklch(0.664 0.075 161.69) | #68a285 | hsl(150, 24%, 52%) |
|
|
| 800 | oklch(0.535 0.064 160.92) | #4a7961 | hsl(149, 24%, 38%) |
|
|
| 900 | oklch(0.389 0.043 160.93) | #2f4c3d | hsl(149, 24%, 24%) |
|
|
| 950 | oklch(0.229 0.022 164.26) | #13201a | hsl(152, 25%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.029 69.16) | #f6e6d5 | hsl(31, 65%, 90%) |
|
|
| 100 | oklch(0.936 0.027 69.29) | #f6e7d7 | hsl(31, 63%, 90%) |
|
|
| 200 | oklch(0.938 0.026 71.19) | #f6e8d8 | hsl(32, 63%, 91%) |
|
|
| 300 | oklch(0.938 0.025 69.43) | #f6e8d9 | hsl(31, 62%, 91%) |
|
|
| 400 | oklch(0.941 0.024 67.53) | #f7e9db | hsl(30, 64%, 91%) |
|
|
| 500 | oklch(0.944 0.023 69.60) | #f7eadc | hsl(31, 63%, 92%) |
|
|
| 600 | oklch(0.835 0.070 68.03) | #e8c198 | hsl(31, 63%, 75%) |
|
|
| 700 | oklch(0.731 0.114 66.47) | #d89955 | hsl(31, 63%, 59%) |
|
|
| 800 | oklch(0.601 0.118 63.46) | #b16f28 | hsl(31, 63%, 43%) |
|
|
| 900 | oklch(0.428 0.080 64.92) | #6d4519 | hsl(31, 63%, 26%) |
|
|
| 950 | oklch(0.234 0.038 65.77) | #2a1a09 | hsl(31, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
