Earthy Vintage Color Palette
This earthy palette blends warm terracotta and muted browns with deep charcoal and a pop of rich burgundy, evoking a cozy, rustic vibe infused with a touch of vintage elegance.
Practical uses and creative applications
The Earthy Vintage Color Palette is a harmonious blend of warm, muted tones that evoke a sense of nostalgia and natural beauty. Featuring rich hues like #A2826B, #7A6055, #655857, #505058, and #A7503F, this palette is perfect for creatives looking to infuse their projects with an organic, timeless feel.
Ideal for branding initiatives, the earthy tones resonate well with eco-conscious brands, artisan products, and vintage-inspired businesses that wish to establish a genuine connection with their audience. In web design, the Earthy Vintage Color Palette can enhance user experience by providing a soothing visual atmosphere that encourages exploration and engagement.
Designers can utilize these colors in packaging to give products an authentic, handcrafted appearance, appealing to consumers who value sustainability and craftsmanship. Additionally, this palette works beautifully in interior design, creating cozy, inviting spaces that reflect a rustic charm.
Whether you’re a graphic designer, interior decorator, or branding expert, this palette is a versatile choice that embodies warmth and creativity, making it perfect for any project aiming to convey a classic, down-to-earth 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.
| 50 | oklch(0.925 0.009 62.58) | #ebe5e0 | hsl(27, 22%, 90%) |
|
|
| 100 | oklch(0.868 0.018 59.45) | #ddd1c8 | hsl(26, 24%, 83%) |
|
|
| 200 | oklch(0.809 0.026 57.59) | #cebdb1 | hsl(25, 23%, 75%) |
|
|
| 300 | oklch(0.750 0.033 56.44) | #bfa99a | hsl(24, 22%, 68%) |
|
|
| 400 | oklch(0.692 0.043 58.49) | #b19682 | hsl(26, 23%, 60%) |
|
|
| 500 | oklch(0.631 0.052 57.33) | #a2826b | hsl(25, 23%, 53%) |
|
|
| 600 | oklch(0.555 0.049 56.48) | #8a6c57 | hsl(25, 23%, 44%) |
|
|
| 700 | oklch(0.480 0.042 58.41) | #705846 | hsl(26, 23%, 36%) |
|
|
| 800 | oklch(0.398 0.034 59.48) | #554335 | hsl(26, 23%, 27%) |
|
|
| 900 | oklch(0.312 0.023 58.63) | #3a2e25 | hsl(26, 22%, 19%) |
|
|
| 950 | oklch(0.219 0.013 61.84) | #1f1914 | hsl(27, 22%, 10%) |
|
| 50 | oklch(0.923 0.008 48.65) | #eae4e1 | hsl(20, 18%, 90%) |
|
|
| 100 | oklch(0.844 0.016 48.53) | #d5c9c3 | hsl(20, 18%, 80%) |
|
|
| 200 | oklch(0.765 0.025 44.28) | #c1aea6 | hsl(18, 18%, 70%) |
|
|
| 300 | oklch(0.683 0.034 45.15) | #ac9388 | hsl(18, 18%, 60%) |
|
|
| 400 | oklch(0.599 0.044 45.56) | #97786a | hsl(19, 18%, 50%) |
|
|
| 500 | oklch(0.512 0.038 44.09) | #7a6055 | hsl(18, 18%, 41%) |
|
|
| 600 | oklch(0.458 0.034 45.72) | #685248 | hsl(19, 18%, 35%) |
|
|
| 700 | oklch(0.400 0.028 45.22) | #55433b | hsl(18, 18%, 28%) |
|
|
| 800 | oklch(0.342 0.023 44.43) | #43352f | hsl(18, 18%, 22%) |
|
|
| 900 | oklch(0.279 0.017 42.96) | #302622 | hsl(17, 17%, 16%) |
|
|
| 950 | oklch(0.215 0.011 48.18) | #1e1815 | hsl(20, 18%, 10%) |
|
| 50 | oklch(0.921 0.003 17.22) | #e7e4e4 | hsl(0, 6%, 90%) |
|
|
| 100 | oklch(0.835 0.008 27.24) | #cec7c6 | hsl(7, 8%, 79%) |
|
|
| 200 | oklch(0.747 0.013 23.75) | #b5aaa9 | hsl(5, 8%, 69%) |
|
|
| 300 | oklch(0.656 0.018 22.22) | #9c8d8c | hsl(4, 7%, 58%) |
|
|
| 400 | oklch(0.564 0.021 21.82) | #827170 | hsl(3, 7%, 47%) |
|
|
| 500 | oklch(0.473 0.017 23.03) | #655857 | hsl(4, 7%, 37%) |
|
|
| 600 | oklch(0.423 0.015 23.96) | #564b4a | hsl(5, 8%, 31%) |
|
|
| 700 | oklch(0.374 0.014 17.79) | #483e3e | hsl(0, 7%, 26%) |
|
|
| 800 | oklch(0.324 0.010 27.40) | #393231 | hsl(7, 8%, 21%) |
|
|
| 900 | oklch(0.270 0.008 31.12) | #2a2524 | hsl(10, 8%, 15%) |
|
|
| 950 | oklch(0.213 0.005 17.53) | #1b1818 | hsl(0, 6%, 10%) |
|
| 50 | oklch(0.920 0.004 286.32) | #e4e4e7 | hsl(240, 6%, 90%) |
|
|
| 100 | oklch(0.828 0.007 286.25) | #c6c6cb | hsl(240, 5%, 79%) |
|
|
| 200 | oklch(0.731 0.011 286.11) | #a7a7af | hsl(240, 5%, 67%) |
|
|
| 300 | oklch(0.634 0.016 285.93) | #898994 | hsl(240, 5%, 56%) |
|
|
| 400 | oklch(0.535 0.015 285.86) | #6c6c76 | hsl(240, 4%, 44%) |
|
|
| 500 | oklch(0.434 0.013 285.84) | #505058 | hsl(240, 5%, 33%) |
|
|
| 600 | oklch(0.393 0.012 285.85) | #45454c | hsl(240, 5%, 28%) |
|
|
| 700 | oklch(0.350 0.009 285.95) | #3a3a3f | hsl(240, 4%, 24%) |
|
|
| 800 | oklch(0.307 0.007 285.97) | #2f2f33 | hsl(240, 4%, 19%) |
|
|
| 900 | oklch(0.258 0.007 285.87) | #232327 | hsl(240, 5%, 15%) |
|
|
| 950 | oklch(0.210 0.006 285.89) | #18181b | hsl(240, 6%, 10%) |
|
| 50 | oklch(0.915 0.022 31.78) | #f1deda | hsl(10, 45%, 90%) |
|
|
| 100 | oklch(0.837 0.043 30.88) | #e4c0b9 | hsl(10, 44%, 81%) |
|
|
| 200 | oklch(0.760 0.067 31.70) | #d8a297 | hsl(10, 45%, 72%) |
|
|
| 300 | oklch(0.683 0.091 31.71) | #cb8476 | hsl(10, 45%, 63%) |
|
|
| 400 | oklch(0.609 0.118 31.99) | #bf6655 | hsl(10, 45%, 54%) |
|
|
| 500 | oklch(0.536 0.119 32.51) | #a7503f | hsl(10, 45%, 45%) |
|
|
| 600 | oklch(0.476 0.103 32.97) | #8d4435 | hsl(10, 45%, 38%) |
|
|
| 700 | oklch(0.413 0.087 32.66) | #73372b | hsl(10, 46%, 31%) |
|
|
| 800 | oklch(0.349 0.070 32.32) | #592b22 | hsl(10, 45%, 24%) |
|
|
| 900 | oklch(0.280 0.053 31.46) | #3f1e18 | hsl(9, 45%, 17%) |
|
|
| 950 | oklch(0.208 0.033 32.70) | #25120e | hsl(10, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
