Vintage Warmth Color Palette
This palette exudes a warm, vintage charm with its buttery yellow, sun-kissed amber, soft coral, deep burgundy, and muted taupe, creating a cozy, nostalgic atmosphere perfect for a rustic autumn gathering.
Practical uses and creative applications
The Vintage Warmth Color Palette is a delightful blend of nostalgic hues that evokes a sense of comfort and timeless elegance. Comprising soft yellows, muted reds, and deep burgundies, this palette is ideal for designers looking to create inviting spaces or branding that resonates with warmth and authenticity.
The main colors#dbda97, #efae54, #ef6771, #4b1d37, and #977e77work harmoniously to infuse a vintage charm into web design, packaging, or interior decor, making it perfect for boutique brands, artisanal products, or cozy cafes. This palette is particularly suited for creatives who aim to evoke a sense of nostalgia or rustic sophistication.
Whether you’re crafting a website for a handmade goods shop or designing packaging for organic skincare products, the Vintage Warmth Color Palette lends itself effortlessly to projects that celebrate craftsmanship and heritage. By incorporating these colors, designers can create visuals that not only attract attention but also foster an emotional connection with their audience, making it an excellent choice for brands targeting a demographic that appreciates timeless style and artisanal quality.
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.955 0.033 107.01) | #f2f2d9 | hsl(60, 49%, 90%) |
|
|
| 100 | oklch(0.938 0.043 107.21) | #ededcc | hsl(60, 48%, 86%) |
|
|
| 200 | oklch(0.921 0.054 106.26) | #e9e8bf | hsl(59, 49%, 83%) |
|
|
| 300 | oklch(0.904 0.065 106.68) | #e4e3b1 | hsl(59, 49%, 79%) |
|
|
| 400 | oklch(0.890 0.077 107.04) | #e0dfa4 | hsl(59, 49%, 76%) |
|
|
| 500 | oklch(0.873 0.086 107.34) | #dbda97 | hsl(59, 49%, 73%) |
|
|
| 600 | oklch(0.817 0.120 107.73) | #cbc968 | hsl(59, 49%, 60%) |
|
|
| 700 | oklch(0.744 0.136 108.33) | #b4b23e | hsl(59, 49%, 47%) |
|
|
| 800 | oklch(0.595 0.106 107.94) | #85832e | hsl(59, 49%, 35%) |
|
|
| 900 | oklch(0.435 0.075 108.14) | #55541e | hsl(59, 48%, 23%) |
|
|
| 950 | oklch(0.262 0.041 108.91) | #26260d | hsl(60, 49%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.038 76.19) | #fbe9d0 | hsl(35, 84%, 90%) |
|
|
| 100 | oklch(0.910 0.058 76.29) | #f8ddb7 | hsl(35, 82%, 85%) |
|
|
| 200 | oklch(0.880 0.077 74.86) | #f6d19f | hsl(34, 83%, 79%) |
|
|
| 300 | oklch(0.853 0.097 75.05) | #f4c686 | hsl(35, 83%, 74%) |
|
|
| 400 | oklch(0.823 0.114 74.37) | #f1ba6d | hsl(35, 83%, 69%) |
|
|
| 500 | oklch(0.795 0.130 72.76) | #efae54 | hsl(35, 83%, 63%) |
|
|
| 600 | oklch(0.742 0.154 67.90) | #ea9622 | hsl(35, 83%, 53%) |
|
|
| 700 | oklch(0.642 0.138 66.24) | #c47912 | hsl(35, 83%, 42%) |
|
|
| 800 | oklch(0.521 0.110 67.65) | #925b0e | hsl(35, 83%, 31%) |
|
|
| 900 | oklch(0.390 0.079 69.17) | #603c09 | hsl(35, 83%, 21%) |
|
|
| 950 | oklch(0.248 0.047 72.09) | #2f1d04 | hsl(35, 84%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.046 13.08) | #fad1d4 | hsl(356, 80%, 90%) |
|
|
| 100 | oklch(0.851 0.069 14.18) | #f8bcc0 | hsl(356, 81%, 85%) |
|
|
| 200 | oklch(0.806 0.094 15.20) | #f6a7ac | hsl(356, 81%, 81%) |
|
|
| 300 | oklch(0.761 0.119 15.02) | #f39199 | hsl(355, 80%, 76%) |
|
|
| 400 | oklch(0.721 0.144 16.53) | #f17c85 | hsl(355, 81%, 72%) |
|
|
| 500 | oklch(0.684 0.168 18.22) | #ef6771 | hsl(356, 81%, 67%) |
|
|
| 600 | oklch(0.611 0.217 23.04) | #e93240 | hsl(355, 81%, 55%) |
|
|
| 700 | oklch(0.539 0.210 25.70) | #cc1523 | hsl(355, 81%, 44%) |
|
|
| 800 | oklch(0.433 0.166 25.25) | #97101a | hsl(356, 81%, 33%) |
|
|
| 900 | oklch(0.322 0.120 24.22) | #630a11 | hsl(355, 82%, 21%) |
|
|
| 950 | oklch(0.200 0.067 21.04) | #2e0508 | hsl(356, 80%, 10%) |
|
dsfds
| 50 | oklch(0.911 0.031 342.66) | #f1dae7 | hsl(326, 45%, 90%) |
|
|
| 100 | oklch(0.788 0.075 343.58) | #dda7c6 | hsl(326, 44%, 76%) |
|
|
| 200 | oklch(0.667 0.122 345.96) | #c974a4 | hsl(326, 44%, 62%) |
|
|
| 300 | oklch(0.554 0.155 348.38) | #b14582 | hsl(326, 44%, 48%) |
|
|
| 400 | oklch(0.436 0.119 347.77) | #7e315d | hsl(326, 44%, 34%) |
|
|
| 500 | oklch(0.308 0.078 347.60) | #4b1d37 | hsl(326, 44%, 20%) |
|
|
| 600 | oklch(0.287 0.071 347.68) | #431a31 | hsl(326, 44%, 18%) |
|
|
| 700 | oklch(0.268 0.065 347.22) | #3c172c | hsl(326, 45%, 16%) |
|
|
| 800 | oklch(0.247 0.058 347.28) | #341426 | hsl(326, 44%, 14%) |
|
|
| 900 | oklch(0.225 0.051 345.40) | #2c1121 | hsl(324, 44%, 12%) |
|
|
| 950 | oklch(0.205 0.044 346.66) | #250e1b | hsl(326, 45%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.006 43.33) | #e9e4e2 | hsl(17, 14%, 90%) |
|
|
| 100 | oklch(0.862 0.011 31.07) | #d9cfcd | hsl(10, 14%, 83%) |
|
|
| 200 | oklch(0.802 0.016 37.86) | #c8bbb7 | hsl(14, 13%, 75%) |
|
|
| 300 | oklch(0.741 0.021 37.02) | #b8a7a2 | hsl(14, 13%, 68%) |
|
|
| 400 | oklch(0.677 0.027 36.50) | #a7928c | hsl(13, 13%, 60%) |
|
|
| 500 | oklch(0.614 0.033 36.15) | #977e77 | hsl(13, 13%, 53%) |
|
|
| 600 | oklch(0.541 0.031 37.59) | #806962 | hsl(14, 13%, 44%) |
|
|
| 700 | oklch(0.464 0.027 35.15) | #67544f | hsl(13, 13%, 36%) |
|
|
| 800 | oklch(0.386 0.022 35.36) | #4f403c | hsl(13, 14%, 27%) |
|
|
| 900 | oklch(0.303 0.016 37.34) | #362c29 | hsl(14, 14%, 19%) |
|
|
| 950 | oklch(0.214 0.009 43.07) | #1d1816 | hsl(17, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
