Warm Earthy Color Palette
This palette exudes a warm, earthy sophistication with rich cocoa browns, vibrant rusts, golden ochres, soft cream, and a touch of deep teal, creating a cozy yet stylish atmosphere reminiscent of a rustic autumn retreat.
Practical uses and creative applications
The Warm Earthy Color Palette is a rich and inviting blend of deep browns, warm reds, and soft neutrals, perfect for creating a sense of comfort and connection with nature. Featuring colors like the intense #482c21 and vibrant #a73e2b, this palette is ideal for branding that aims to evoke warmth and reliability.
Whether you're designing a logo for a rustic café or a wellness brand, these colors can help communicate an earthy and organic vibe that resonates with environmentally-conscious consumers. This palette is also well-suited for web design, particularly for businesses in the health, food, or home décor industries.
The earthy tones, complemented by the gentle #e9deb0 and refreshing #2f615e, create an inviting online presence that encourages user engagement. Designers and creatives can leverage these colors in packaging as well, where the warm hues can enhance the perceived value of products like artisanal goods or eco-friendly items, appealing to a demographic that appreciates quality and sustainability.
For interior designers, the Warm Earthy Color Palette can transform spaces into tranquil retreats. Using the deep, grounding shades alongside lighter accents can create a harmonious balance, making it perfect for residential or commercial interiors aimed at fostering relaxation.
Overall, this palette is a versatile choice for anyone looking to infuse their projects with warmth and authenticity.
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.017 40.80) | #efe1dc | hsl(16, 37%, 90%) |
|
|
| 100 | oklch(0.808 0.042 42.67) | #d9b8ab | hsl(17, 38%, 76%) |
|
|
| 200 | oklch(0.694 0.069 42.35) | #c28f7b | hsl(17, 37%, 62%) |
|
|
| 300 | oklch(0.581 0.093 41.39) | #a9674e | hsl(16, 37%, 48%) |
|
|
| 400 | oklch(0.459 0.071 42.65) | #794a37 | hsl(17, 38%, 35%) |
|
|
| 500 | oklch(0.325 0.046 42.18) | #482c21 | hsl(17, 37%, 21%) |
|
|
| 600 | oklch(0.303 0.043 39.85) | #41271e | hsl(15, 37%, 19%) |
|
|
| 700 | oklch(0.281 0.038 43.03) | #39231a | hsl(17, 37%, 16%) |
|
|
| 800 | oklch(0.259 0.034 40.06) | #321e17 | hsl(16, 37%, 14%) |
|
|
| 900 | oklch(0.236 0.029 44.50) | #2a1a13 | hsl(18, 38%, 12%) |
|
|
| 950 | oklch(0.213 0.025 40.46) | #231510 | hsl(16, 37%, 10%) |
|
dsfds
| 50 | oklch(0.911 0.030 30.64) | #f5dbd6 | hsl(10, 61%, 90%) |
|
|
| 100 | oklch(0.825 0.060 30.12) | #eab8af | hsl(9, 58%, 80%) |
|
|
| 200 | oklch(0.741 0.094 31.03) | #e09587 | hsl(9, 59%, 70%) |
|
|
| 300 | oklch(0.662 0.129 31.43) | #d67260 | hsl(9, 59%, 61%) |
|
|
| 400 | oklch(0.590 0.164 32.49) | #cc4f38 | hsl(9, 59%, 51%) |
|
|
| 500 | oklch(0.507 0.142 32.38) | #a73e2b | hsl(9, 59%, 41%) |
|
|
| 600 | oklch(0.452 0.125 32.77) | #8e3524 | hsl(10, 60%, 35%) |
|
|
| 700 | oklch(0.393 0.106 32.17) | #742b1e | hsl(9, 59%, 29%) |
|
|
| 800 | oklch(0.335 0.087 32.74) | #5b2217 | hsl(10, 60%, 22%) |
|
|
| 900 | oklch(0.272 0.067 31.39) | #421811 | hsl(9, 59%, 16%) |
|
|
| 950 | oklch(0.208 0.045 32.30) | #290f0a | hsl(10, 61%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.040 75.80) | #fce9cf | hsl(35, 88%, 90%) |
|
|
| 100 | oklch(0.890 0.076 74.37) | #f9d4a3 | hsl(34, 88%, 81%) |
|
|
| 200 | oklch(0.841 0.111 74.06) | #f6c076 | hsl(35, 88%, 71%) |
|
|
| 300 | oklch(0.793 0.139 71.18) | #f3ab4a | hsl(34, 88%, 62%) |
|
|
| 400 | oklch(0.751 0.159 66.73) | #f0971e | hsl(35, 88%, 53%) |
|
|
| 500 | oklch(0.666 0.146 65.02) | #d07e0e | hsl(35, 87%, 44%) |
|
|
| 600 | oklch(0.590 0.128 65.70) | #b06b0c | hsl(35, 87%, 37%) |
|
|
| 700 | oklch(0.510 0.110 65.74) | #90570a | hsl(34, 87%, 30%) |
|
|
| 800 | oklch(0.429 0.091 66.90) | #704408 | hsl(35, 87%, 24%) |
|
|
| 900 | oklch(0.341 0.071 67.72) | #503005 | hsl(34, 88%, 17%) |
|
|
| 950 | oklch(0.250 0.049 71.53) | #301d03 | hsl(35, 88%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.031 94.90) | #f4eed7 | hsl(48, 57%, 90%) |
|
|
| 100 | oklch(0.938 0.038 95.46) | #f2ebcf | hsl(48, 57%, 88%) |
|
|
| 200 | oklch(0.929 0.044 95.87) | #f0e8c7 | hsl(48, 58%, 86%) |
|
|
| 300 | oklch(0.919 0.049 97.14) | #ede5c0 | hsl(49, 56%, 84%) |
|
|
| 400 | oklch(0.907 0.055 95.90) | #ebe1b8 | hsl(48, 56%, 82%) |
|
|
| 500 | oklch(0.898 0.061 96.18) | #e9deb0 | hsl(48, 56%, 80%) |
|
|
| 600 | oklch(0.827 0.102 96.88) | #d9c778 | hsl(49, 56%, 66%) |
|
|
| 700 | oklch(0.757 0.131 95.29) | #caaf40 | hsl(48, 57%, 52%) |
|
|
| 800 | oklch(0.613 0.109 95.53) | #98832a | hsl(49, 57%, 38%) |
|
|
| 900 | oklch(0.443 0.076 95.99) | #60531b | hsl(49, 56%, 24%) |
|
|
| 950 | oklch(0.253 0.038 94.90) | #28220b | hsl(48, 57%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.018 192.59) | #ddeeed | hsl(176, 33%, 90%) |
|
|
| 100 | oklch(0.859 0.042 190.78) | #b2dad7 | hsl(176, 35%, 78%) |
|
|
| 200 | oklch(0.781 0.063 192.07) | #88c5c2 | hsl(177, 34%, 65%) |
|
|
| 300 | oklch(0.706 0.082 190.39) | #5db1ac | hsl(176, 35%, 53%) |
|
|
| 400 | oklch(0.590 0.072 190.53) | #448b87 | hsl(177, 34%, 41%) |
|
|
| 500 | oklch(0.457 0.054 190.29) | #2f615e | hsl(176, 35%, 28%) |
|
|
| 600 | oklch(0.414 0.048 191.50) | #295452 | hsl(177, 34%, 25%) |
|
|
| 700 | oklch(0.374 0.043 190.91) | #234846 | hsl(177, 35%, 21%) |
|
|
| 800 | oklch(0.329 0.036 192.75) | #1d3b3a | hsl(178, 34%, 17%) |
|
|
| 900 | oklch(0.285 0.030 188.71) | #172f2d | hsl(175, 34%, 14%) |
|
|
| 950 | oklch(0.237 0.023 190.94) | #112221 | hsl(176, 33%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
