Vintage Warmth Color Palette
This palette radiates a warm, vintage charm with deep mauve, soft rose, and golden hues, evoking a cozy, sun-kissed afternoon filled with nostalgia and elegance.
Practical uses and creative applications
The Vintage Warmth Color Palette encapsulates a rich, nostalgic aesthetic, perfect for projects that seek to evoke feelings of comfort and timelessness. Featuring deep hues like #4d4250, combined with warm, inviting shades such as #b66e6f and #cf8884, this palette is ideal for branding and web design aimed at lifestyle brands, artisanal shops, or vintage-inspired businesses.
Its harmonious blend of colors can create a warm and welcoming online presence, capturing the essence of a bygone era while appealing to contemporary audiences. This color palette is also a fantastic choice for interior designers looking to infuse spaces with a cozy, vintage vibe.
The earthy tones of #e6a972 and the cheerful #f6d169 can be used to create comforting living spaces, inviting restaurants, or charming boutique hotels. Whether you're designing packaging for handmade goods or curating the aesthetic of a creative studio, the Vintage Warmth Color Palette speaks to the hearts of designers and creatives who appreciate the beauty of the past while crafting modern experiences.
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.008 319.45) | #e7e3e8 | hsl(288, 10%, 90%) |
|
|
| 100 | oklch(0.821 0.018 316.93) | #c9c1cc | hsl(284, 10%, 78%) |
|
|
| 200 | oklch(0.717 0.029 320.26) | #ac9eaf | hsl(289, 10%, 65%) |
|
|
| 300 | oklch(0.610 0.040 318.84) | #8e7c93 | hsl(287, 10%, 53%) |
|
|
| 400 | oklch(0.504 0.037 319.46) | #6e5e72 | hsl(288, 10%, 41%) |
|
|
| 500 | oklch(0.396 0.027 318.95) | #4d4250 | hsl(287, 10%, 29%) |
|
|
| 600 | oklch(0.360 0.026 318.35) | #433946 | hsl(286, 10%, 25%) |
|
|
| 700 | oklch(0.326 0.021 319.46) | #39313b | hsl(288, 9%, 21%) |
|
|
| 800 | oklch(0.288 0.019 318.67) | #2f2831 | hsl(287, 10%, 17%) |
|
|
| 900 | oklch(0.252 0.013 320.61) | #252026 | hsl(290, 9%, 14%) |
|
|
| 950 | oklch(0.212 0.011 319.46) | #1b171c | hsl(288, 10%, 10%) |
|
dsfds
| 50 | oklch(0.911 0.019 17.50) | #eedddd | hsl(0, 33%, 90%) |
|
|
| 100 | oklch(0.853 0.032 17.79) | #e3c7c7 | hsl(0, 33%, 84%) |
|
|
| 200 | oklch(0.795 0.045 18.15) | #d8b1b1 | hsl(0, 33%, 77%) |
|
|
| 300 | oklch(0.733 0.060 17.29) | #cc9a9b | hsl(359, 33%, 70%) |
|
|
| 400 | oklch(0.675 0.076 18.16) | #c18485 | hsl(359, 33%, 64%) |
|
|
| 500 | oklch(0.617 0.092 19.16) | #b66e6f | hsl(359, 33%, 57%) |
|
|
| 600 | oklch(0.536 0.106 20.47) | #a25253 | hsl(359, 33%, 48%) |
|
|
| 700 | oklch(0.458 0.090 20.24) | #824142 | hsl(359, 33%, 38%) |
|
|
| 800 | oklch(0.377 0.071 19.72) | #623132 | hsl(359, 33%, 29%) |
|
|
| 900 | oklch(0.293 0.051 18.73) | #422122 | hsl(358, 33%, 19%) |
|
|
| 950 | oklch(0.202 0.029 19.88) | #221111 | hsl(0, 33%, 10%) |
|
dsfds
| 50 | oklch(0.911 0.023 24.14) | #f1dcda | hsl(5, 45%, 90%) |
|
|
| 100 | oklch(0.868 0.035 22.24) | #eacbc9 | hsl(4, 44%, 85%) |
|
|
| 200 | oklch(0.824 0.047 21.44) | #e3bab8 | hsl(3, 43%, 81%) |
|
|
| 300 | oklch(0.781 0.060 21.13) | #dca9a7 | hsl(2, 43%, 76%) |
|
|
| 400 | oklch(0.741 0.074 23.22) | #d69995 | hsl(4, 44%, 71%) |
|
|
| 500 | oklch(0.698 0.088 23.10) | #cf8884 | hsl(3, 44%, 66%) |
|
|
| 600 | oklch(0.601 0.123 24.51) | #bf605b | hsl(3, 44%, 55%) |
|
|
| 700 | oklch(0.509 0.125 25.56) | #a1443f | hsl(3, 44%, 44%) |
|
|
| 800 | oklch(0.415 0.098 25.55) | #78332f | hsl(3, 44%, 33%) |
|
|
| 900 | oklch(0.312 0.069 25.67) | #4e211e | hsl(4, 44%, 21%) |
|
|
| 950 | oklch(0.204 0.036 26.39) | #25100e | hsl(5, 45%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.030 65.83) | #f7e5d4 | hsl(29, 69%, 90%) |
|
|
| 100 | oklch(0.901 0.045 65.02) | #f4d9c0 | hsl(29, 70%, 85%) |
|
|
| 200 | oklch(0.870 0.058 64.39) | #f0cdad | hsl(29, 69%, 81%) |
|
|
| 300 | oklch(0.840 0.073 63.85) | #edc199 | hsl(29, 70%, 76%) |
|
|
| 400 | oklch(0.809 0.086 63.24) | #e9b586 | hsl(28, 69%, 72%) |
|
|
| 500 | oklch(0.780 0.101 62.52) | #e6a972 | hsl(28, 70%, 67%) |
|
|
| 600 | oklch(0.709 0.134 60.09) | #dd8b40 | hsl(29, 70%, 56%) |
|
|
| 700 | oklch(0.618 0.135 56.91) | #c16d22 | hsl(28, 70%, 45%) |
|
|
| 800 | oklch(0.498 0.107 57.70) | #8f5119 | hsl(28, 70%, 33%) |
|
|
| 900 | oklch(0.372 0.075 58.70) | #5d3511 | hsl(28, 69%, 22%) |
|
|
| 950 | oklch(0.233 0.040 62.18) | #2b1908 | hsl(29, 69%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.045 90.39) | #fcf0cf | hsl(44, 88%, 90%) |
|
|
| 100 | oklch(0.939 0.063 90.52) | #fbeabb | hsl(44, 89%, 86%) |
|
|
| 200 | oklch(0.922 0.082 90.80) | #fae4a6 | hsl(44, 89%, 82%) |
|
|
| 300 | oklch(0.903 0.098 90.44) | #f8dd92 | hsl(44, 88%, 77%) |
|
|
| 400 | oklch(0.887 0.115 90.39) | #f7d77d | hsl(44, 88%, 73%) |
|
|
| 500 | oklch(0.872 0.130 89.96) | #f6d169 | hsl(44, 89%, 69%) |
|
|
| 600 | oklch(0.831 0.158 87.46) | #f3c030 | hsl(44, 89%, 57%) |
|
|
| 700 | oklch(0.749 0.152 84.39) | #daa40d | hsl(44, 89%, 45%) |
|
|
| 800 | oklch(0.601 0.121 85.55) | #a17a0a | hsl(45, 88%, 34%) |
|
|
| 900 | oklch(0.443 0.088 85.88) | #694f06 | hsl(44, 89%, 22%) |
|
|
| 950 | oklch(0.267 0.051 88.27) | #302403 | hsl(44, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
