Warm Earthy Color Palette
This palette radiates a warm, earthy charm with soft golden hues, muted greens, and deep, rustic browns, evoking a cozy, vintage-inspired atmosphere perfect for a serene retreat.
Practical uses and creative applications
The Warm Earthy Color Palette is a harmonious blend of soft yellows, muted greens, and rich browns, making it an ideal choice for those looking to create a grounded and inviting atmosphere. With key colors like #fcbf6b, #a9ad94, and #42302e, this palette evokes a sense of warmth and natural beauty, perfect for branding and web design that seeks to connect with audiences on an emotional level.
Whether you’re designing a wellness brand, an eco-friendly product line, or a cozy café, these colors will enhance your visual identity, inviting consumers to engage with your brand on a deeper level. Ideal for designers and creatives working in various fields, the Warm Earthy Color Palette can elevate the aesthetic of packaging, interiors, and digital experiences.
Its versatile hues can be used to create a welcoming environment in home decor or to craft stunning visual stories on social media platforms. This palette suits styles ranging from bohemian and rustic to modern minimalism, allowing it to resonate with diverse audiences who appreciate authenticity and nature-inspired design.
By incorporating these colors, you can evoke feelings of tranquility, comfort, and connection, making your projects feel more relatable and memorable.
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.944 0.043 75.10) | #fee9cd | hsl(34, 96%, 90%) |
|
|
| 100 | oklch(0.924 0.061 75.74) | #fee1b9 | hsl(35, 97%, 86%) |
|
|
| 200 | oklch(0.902 0.077 74.91) | #fdd8a6 | hsl(34, 96%, 82%) |
|
|
| 300 | oklch(0.883 0.094 74.98) | #fdd092 | hsl(35, 96%, 78%) |
|
|
| 400 | oklch(0.861 0.108 74.05) | #fcc77f | hsl(35, 95%, 74%) |
|
|
| 500 | oklch(0.844 0.123 73.59) | #fcbf6b | hsl(35, 96%, 70%) |
|
|
| 600 | oklch(0.789 0.158 68.90) | #fba52f | hsl(35, 96%, 58%) |
|
|
| 700 | oklch(0.713 0.161 63.16) | #e78805 | hsl(35, 96%, 46%) |
|
|
| 800 | oklch(0.571 0.129 63.65) | #ab6403 | hsl(35, 97%, 34%) |
|
|
| 900 | oklch(0.420 0.092 66.29) | #6e4102 | hsl(35, 96%, 22%) |
|
|
| 950 | oklch(0.253 0.053 70.56) | #321d01 | hsl(34, 96%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.009 113.17) | #e8e9e2 | hsl(69, 14%, 90%) |
|
|
| 100 | oklch(0.893 0.014 115.86) | #dbddd3 | hsl(72, 13%, 85%) |
|
|
| 200 | oklch(0.855 0.019 113.40) | #cfd1c3 | hsl(69, 13%, 79%) |
|
|
| 300 | oklch(0.816 0.025 114.63) | #c2c5b3 | hsl(70, 13%, 74%) |
|
|
| 400 | oklch(0.778 0.029 113.68) | #b6b9a4 | hsl(69, 13%, 68%) |
|
|
| 500 | oklch(0.738 0.035 114.65) | #a9ad94 | hsl(70, 13%, 63%) |
|
|
| 600 | oklch(0.659 0.047 116.09) | #909675 | hsl(71, 14%, 52%) |
|
|
| 700 | oklch(0.564 0.043 115.75) | #74795c | hsl(70, 14%, 42%) |
|
|
| 800 | oklch(0.459 0.033 114.31) | #575a45 | hsl(69, 13%, 31%) |
|
|
| 900 | oklch(0.346 0.022 114.66) | #393b2e | hsl(69, 12%, 21%) |
|
|
| 950 | oklch(0.227 0.013 114.06) | #1c1d16 | hsl(69, 14%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.009 26.02) | #eae2e1 | hsl(7, 18%, 90%) |
|
|
| 100 | oklch(0.805 0.023 24.50) | #cebab8 | hsl(5, 18%, 76%) |
|
|
| 200 | oklch(0.689 0.037 26.97) | #b1938f | hsl(7, 18%, 63%) |
|
|
| 300 | oklch(0.568 0.053 25.17) | #946b67 | hsl(5, 18%, 49%) |
|
|
| 400 | oklch(0.454 0.040 25.46) | #6b4e4b | hsl(6, 18%, 36%) |
|
|
| 500 | oklch(0.329 0.027 25.86) | #42302e | hsl(6, 18%, 22%) |
|
|
| 600 | oklch(0.307 0.024 26.72) | #3b2b29 | hsl(7, 18%, 20%) |
|
|
| 700 | oklch(0.284 0.022 27.82) | #342624 | hsl(8, 18%, 17%) |
|
|
| 800 | oklch(0.258 0.019 23.95) | #2c201f | hsl(5, 17%, 15%) |
|
|
| 900 | oklch(0.234 0.016 24.98) | #251b1a | hsl(5, 17%, 12%) |
|
|
| 950 | oklch(0.210 0.013 26.53) | #1e1615 | hsl(7, 18%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.038 81.51) | #faebd1 | hsl(38, 80%, 90%) |
|
|
| 100 | oklch(0.935 0.044 80.58) | #f9e7c9 | hsl(38, 80%, 88%) |
|
|
| 200 | oklch(0.926 0.050 80.99) | #f8e4c2 | hsl(38, 79%, 87%) |
|
|
| 300 | oklch(0.919 0.057 80.87) | #f8e1ba | hsl(38, 82%, 85%) |
|
|
| 400 | oklch(0.909 0.062 79.67) | #f7ddb3 | hsl(37, 81%, 84%) |
|
|
| 500 | oklch(0.900 0.068 80.49) | #f6daab | hsl(38, 81%, 82%) |
|
|
| 600 | oklch(0.826 0.117 78.97) | #efbd69 | hsl(38, 81%, 67%) |
|
|
| 700 | oklch(0.758 0.150 74.17) | #e8a027 | hsl(38, 81%, 53%) |
|
|
| 800 | oklch(0.616 0.126 73.04) | #b27713 | hsl(38, 81%, 39%) |
|
|
| 900 | oklch(0.444 0.088 74.27) | #704b0c | hsl(38, 81%, 24%) |
|
|
| 950 | oklch(0.252 0.046 78.14) | #2e1f05 | hsl(38, 80%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.028 86.65) | #f4ebd7 | hsl(41, 57%, 90%) |
|
|
| 100 | oklch(0.916 0.041 86.73) | #efe2c5 | hsl(41, 57%, 85%) |
|
|
| 200 | oklch(0.889 0.055 87.24) | #ead9b2 | hsl(42, 57%, 81%) |
|
|
| 300 | oklch(0.860 0.066 86.71) | #e4cfa0 | hsl(41, 56%, 76%) |
|
|
| 400 | oklch(0.834 0.079 86.94) | #dfc68d | hsl(42, 56%, 71%) |
|
|
| 500 | oklch(0.809 0.091 86.68) | #dabd7b | hsl(42, 56%, 67%) |
|
|
| 600 | oklch(0.743 0.116 85.30) | #cda64e | hsl(42, 56%, 55%) |
|
|
| 700 | oklch(0.651 0.114 84.16) | #b08931 | hsl(42, 56%, 44%) |
|
|
| 800 | oklch(0.525 0.089 85.12) | #826625 | hsl(42, 56%, 33%) |
|
|
| 900 | oklch(0.390 0.064 84.44) | #554218 | hsl(41, 56%, 21%) |
|
|
| 950 | oklch(0.245 0.035 85.39) | #281f0b | hsl(41, 57%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
