Warm Vintage Color Palette
This palette exudes a warm, vintage charm with deep burgundy, soft sage, and creamy peach, accented by bold coral and fiery red, creating an inviting yet passionate atmosphere perfect for a cozy, eclectic space.
Practical uses and creative applications
The Warm Vintage Color Palette is a captivating blend of rich, nostalgic hues that evoke a sense of comfort and timeless elegance. Featuring deep earthy tones like #473334, complemented by soft pastels such as #b3c8a7 and #ffebb9, this palette is ideal for branding and web design aimed at evoking warmth and approachability.
The bold accents of #e3536c and #da1a29 add a modern twist, making it perfect for creative projects that seek to balance vintage charm with contemporary flair. Ideal for designers, creatives, and businesses in the fashion, lifestyle, or artisanal sectors, this color palette beautifully enhances packaging and promotional materials.
Whether you’re designing a cozy café's interior or crafting a retro-inspired product line, the Warm Vintage Color Palette helps create an inviting atmosphere that resonates with audiences looking for authenticity and style. Its harmonious blend of colors not only captures attention but also conveys a narrative of warmth and nostalgia, making it an excellent choice for any project that seeks to connect on a deeper emotional level.
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.917 0.010 9.55) | #eae1e2 | hsl(353, 18%, 90%) |
|
|
100 | oklch(0.806 0.023 14.17) | #cebabb | hsl(357, 17%, 77%) |
|
|
200 | oklch(0.691 0.036 15.80) | #b19394 | hsl(358, 16%, 64%) |
|
|
300 | oklch(0.573 0.053 15.59) | #956c6e | hsl(357, 16%, 50%) |
|
|
400 | oklch(0.461 0.042 14.53) | #6e4f51 | hsl(356, 16%, 37%) |
|
|
500 | oklch(0.344 0.029 15.35) | #473334 | hsl(357, 16%, 24%) |
|
|
600 | oklch(0.318 0.027 14.97) | #3f2d2e | hsl(357, 17%, 21%) |
|
|
700 | oklch(0.291 0.023 14.10) | #362728 | hsl(356, 16%, 18%) |
|
|
800 | oklch(0.264 0.020 13.38) | #2e2122 | hsl(355, 16%, 15%) |
|
|
900 | oklch(0.236 0.018 12.39) | #261b1c | hsl(355, 17%, 13%) |
|
|
950 | oklch(0.208 0.015 10.97) | #1e1516 | hsl(353, 18%, 10%) |
|
dsfds
50 | oklch(0.932 0.016 133.83) | #e4ebe0 | hsl(98, 22%, 90%) |
|
|
100 | oklch(0.907 0.024 133.47) | #dae4d4 | hsl(98, 23%, 86%) |
|
|
200 | oklch(0.882 0.030 134.42) | #d0ddc9 | hsl(99, 23%, 83%) |
|
|
300 | oklch(0.858 0.036 133.58) | #c7d6be | hsl(98, 23%, 79%) |
|
|
400 | oklch(0.833 0.044 133.50) | #bdcfb2 | hsl(97, 23%, 75%) |
|
|
500 | oklch(0.808 0.051 134.12) | #b3c8a7 | hsl(98, 23%, 72%) |
|
|
600 | oklch(0.721 0.076 134.73) | #91b080 | hsl(99, 23%, 60%) |
|
|
700 | oklch(0.626 0.088 134.73) | #71945d | hsl(98, 23%, 47%) |
|
|
800 | oklch(0.503 0.069 134.63) | #536d44 | hsl(98, 23%, 35%) |
|
|
900 | oklch(0.372 0.047 133.93) | #36462c | hsl(97, 23%, 22%) |
|
|
950 | oklch(0.228 0.023 134.39) | #181f14 | hsl(98, 22%, 10%) |
|
dsfds
50 | oklch(0.958 0.050 88.08) | #fff0cc | hsl(42, 100%, 90%) |
|
|
100 | oklch(0.955 0.053 88.36) | #ffefc8 | hsl(43, 100%, 89%) |
|
|
200 | oklch(0.952 0.057 88.60) | #ffeec4 | hsl(43, 100%, 88%) |
|
|
300 | oklch(0.950 0.060 88.41) | #ffedc1 | hsl(43, 100%, 88%) |
|
|
400 | oklch(0.947 0.064 88.62) | #ffecbd | hsl(43, 100%, 87%) |
|
|
500 | oklch(0.944 0.068 88.80) | #ffebb9 | hsl(43, 100%, 86%) |
|
|
600 | oklch(0.889 0.133 87.88) | #ffd56b | hsl(43, 100%, 71%) |
|
|
700 | oklch(0.841 0.168 83.23) | #ffbf1d | hsl(43, 100%, 56%) |
|
|
800 | oklch(0.706 0.146 80.11) | #cf9400 | hsl(43, 100%, 41%) |
|
|
900 | oklch(0.501 0.103 81.24) | #815c00 | hsl(43, 100%, 25%) |
|
|
950 | oklch(0.271 0.056 85.04) | #332400 | hsl(42, 100%, 10%) |
|
dsfds
50 | oklch(0.900 0.042 5.15) | #f8d3da | hsl(349, 73%, 90%) |
|
|
100 | oklch(0.844 0.068 7.12) | #f4bac4 | hsl(350, 73%, 84%) |
|
|
200 | oklch(0.788 0.096 8.05) | #f0a0ae | hsl(350, 73%, 78%) |
|
|
300 | oklch(0.733 0.125 9.18) | #eb8698 | hsl(349, 72%, 72%) |
|
|
400 | oklch(0.685 0.152 11.24) | #e76d82 | hsl(350, 72%, 67%) |
|
|
500 | oklch(0.641 0.179 13.38) | #e3536c | hsl(350, 72%, 61%) |
|
|
600 | oklch(0.581 0.213 18.68) | #dc2646 | hsl(349, 72%, 51%) |
|
|
700 | oklch(0.496 0.181 18.69) | #b21d37 | hsl(350, 72%, 41%) |
|
|
800 | oklch(0.403 0.144 18.18) | #851629 | hsl(350, 72%, 30%) |
|
|
900 | oklch(0.304 0.105 16.92) | #580e1b | hsl(349, 73%, 20%) |
|
|
950 | oklch(0.201 0.061 13.17) | #2c070e | hsl(349, 73%, 10%) |
|
dsfds
50 | oklch(0.897 0.046 11.42) | #fad1d5 | hsl(354, 80%, 90%) |
|
|
100 | oklch(0.813 0.087 13.83) | #f5abb1 | hsl(355, 79%, 82%) |
|
|
200 | oklch(0.735 0.131 16.05) | #f0858d | hsl(356, 78%, 73%) |
|
|
300 | oklch(0.667 0.175 18.63) | #ec5e69 | hsl(355, 79%, 65%) |
|
|
400 | oklch(0.613 0.210 22.43) | #e73845 | hsl(356, 78%, 56%) |
|
|
500 | oklch(0.567 0.219 25.33) | #da1a29 | hsl(355, 79%, 48%) |
|
|
600 | oklch(0.501 0.192 24.98) | #b81623 | hsl(355, 79%, 40%) |
|
|
700 | oklch(0.430 0.163 24.76) | #95121c | hsl(355, 78%, 33%) |
|
|
800 | oklch(0.359 0.133 24.06) | #730e16 | hsl(355, 78%, 25%) |
|
|
900 | oklch(0.282 0.100 23.40) | #500a0f | hsl(356, 78%, 18%) |
|
|
950 | oklch(0.200 0.067 19.54) | #2e0509 | hsl(354, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.