Vintage Warmth Color Palette
This palette radiates a warm, inviting vintage charm, blending earthy browns with soft pastels of peach and blush, evoking a cozy sunset picnic vibe.
Practical uses and creative applications
The Vintage Warmth Color Palette is a captivating blend of earthy tones and soft pastels, featuring colors like #745e50, #ff948b, #fdaf8a, #fcd487, and #f79585. This palette is ideal for creatives looking to evoke a sense of nostalgia and comfort in their projects.
Whether you’re designing a brand identity for a boutique café or crafting a cozy interior space, these warm hues seamlessly blend to create an inviting atmosphere that resonates with your audience. Perfect for web design, the Vintage Warmth palette can enhance user experience by incorporating feelings of warmth and familiarity.
Designers can use it to create visually appealing websites that transport visitors to a serene, vintage-inspired world. Additionally, its soft yet vibrant tones are perfect for packaging designs, especially for artisanal products or handmade goods, where the aim is to communicate authenticity and craftsmanship.
With its versatile nature, this color palette is especially suited for creatives, interior designers, and branding specialists looking to infuse their work with a touch of warmth and charm.
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.923 0.008 48.65) | #eae4e1 | hsl(20, 18%, 90%) |
|
|
| 100 | oklch(0.844 0.017 52.52) | #d5c9c2 | hsl(22, 18%, 80%) |
|
|
| 200 | oklch(0.762 0.025 55.16) | #bfaea3 | hsl(24, 18%, 69%) |
|
|
| 300 | oklch(0.677 0.036 53.94) | #aa9283 | hsl(23, 19%, 59%) |
|
|
| 400 | oklch(0.591 0.044 54.40) | #937765 | hsl(23, 19%, 49%) |
|
|
| 500 | oklch(0.500 0.036 54.16) | #745e50 | hsl(23, 18%, 38%) |
|
|
| 600 | oklch(0.447 0.032 53.97) | #635044 | hsl(23, 19%, 33%) |
|
|
| 700 | oklch(0.393 0.028 53.70) | #524238 | hsl(23, 19%, 27%) |
|
|
| 800 | oklch(0.337 0.023 53.31) | #41342c | hsl(23, 19%, 21%) |
|
|
| 900 | oklch(0.277 0.016 50.76) | #2f2621 | hsl(21, 18%, 16%) |
|
|
| 950 | oklch(0.215 0.011 48.18) | #1e1815 | hsl(20, 18%, 10%) |
|
dsfds
| 50 | oklch(0.897 0.054 23.88) | #ffd0cc | hsl(5, 100%, 90%) |
|
|
| 100 | oklch(0.872 0.068 24.12) | #ffc4bf | hsl(5, 100%, 87%) |
|
|
| 200 | oklch(0.847 0.083 24.41) | #ffb8b2 | hsl(5, 100%, 85%) |
|
|
| 300 | oklch(0.823 0.099 24.75) | #ffaca5 | hsl(5, 100%, 82%) |
|
|
| 400 | oklch(0.800 0.115 25.14) | #ffa098 | hsl(5, 100%, 80%) |
|
|
| 500 | oklch(0.777 0.130 25.58) | #ff948b | hsl(5, 100%, 77%) |
|
|
| 600 | oklch(0.680 0.208 28.77) | #ff5546 | hsl(5, 100%, 64%) |
|
|
| 700 | oklch(0.632 0.254 29.88) | #ff1502 | hsl(5, 100%, 50%) |
|
|
| 800 | oklch(0.504 0.201 30.19) | #bc0f00 | hsl(5, 100%, 37%) |
|
|
| 900 | oklch(0.364 0.143 30.70) | #780900 | hsl(5, 100%, 24%) |
|
|
| 950 | oklch(0.208 0.077 32.99) | #330400 | hsl(5, 100%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.043 47.48) | #feddcd | hsl(20, 96%, 90%) |
|
|
| 100 | oklch(0.900 0.055 48.09) | #fed4bf | hsl(20, 97%, 87%) |
|
|
| 200 | oklch(0.879 0.068 46.04) | #fecab2 | hsl(19, 97%, 85%) |
|
|
| 300 | oklch(0.858 0.079 46.17) | #fdc1a5 | hsl(19, 96%, 82%) |
|
|
| 400 | oklch(0.839 0.092 46.57) | #fdb897 | hsl(19, 96%, 79%) |
|
|
| 500 | oklch(0.820 0.105 46.20) | #fdaf8a | hsl(19, 97%, 77%) |
|
|
| 600 | oklch(0.733 0.166 44.25) | #fc8147 | hsl(19, 97%, 63%) |
|
|
| 700 | oklch(0.668 0.214 38.70) | #fb5404 | hsl(19, 97%, 50%) |
|
|
| 800 | oklch(0.532 0.168 39.19) | #b83d03 | hsl(19, 97%, 37%) |
|
|
| 900 | oklch(0.387 0.118 40.79) | #752702 | hsl(19, 97%, 23%) |
|
|
| 950 | oklch(0.227 0.061 46.83) | #321101 | hsl(20, 96%, 10%) |
|
dsfds
| 50 | oklch(0.951 0.046 83.29) | #feedcd | hsl(39, 96%, 90%) |
|
|
| 100 | oklch(0.938 0.058 84.01) | #fde8bf | hsl(40, 94%, 87%) |
|
|
| 200 | oklch(0.925 0.070 83.58) | #fde3b1 | hsl(39, 95%, 84%) |
|
|
| 300 | oklch(0.913 0.083 83.20) | #fddea3 | hsl(39, 96%, 82%) |
|
|
| 400 | oklch(0.900 0.094 83.45) | #fcd995 | hsl(40, 94%, 79%) |
|
|
| 500 | oklch(0.888 0.105 82.96) | #fcd487 | hsl(39, 95%, 76%) |
|
|
| 600 | oklch(0.834 0.148 80.64) | #fabd45 | hsl(40, 95%, 63%) |
|
|
| 700 | oklch(0.780 0.165 73.15) | #f6a406 | hsl(40, 95%, 49%) |
|
|
| 800 | oklch(0.623 0.131 74.11) | #b57905 | hsl(40, 95%, 36%) |
|
|
| 900 | oklch(0.451 0.094 75.78) | #734d03 | hsl(40, 95%, 23%) |
|
|
| 950 | oklch(0.262 0.053 79.54) | #322101 | hsl(39, 96%, 10%) |
|
dsfds
| 50 | oklch(0.904 0.045 28.27) | #fcd5cf | hsl(8, 88%, 90%) |
|
|
| 100 | oklch(0.877 0.059 30.08) | #fbc9c0 | hsl(9, 88%, 87%) |
|
|
| 200 | oklch(0.849 0.074 30.09) | #fabcb1 | hsl(9, 88%, 84%) |
|
|
| 300 | oklch(0.821 0.089 29.38) | #f9afa3 | hsl(8, 88%, 81%) |
|
|
| 400 | oklch(0.794 0.105 29.69) | #f8a294 | hsl(8, 88%, 78%) |
|
|
| 500 | oklch(0.768 0.121 30.04) | #f79585 | hsl(8, 88%, 75%) |
|
|
| 600 | oklch(0.673 0.187 31.54) | #f35f47 | hsl(8, 88%, 62%) |
|
|
| 700 | oklch(0.604 0.224 31.61) | #e92e0f | hsl(9, 88%, 49%) |
|
|
| 800 | oklch(0.482 0.176 31.80) | #ab220b | hsl(9, 88%, 36%) |
|
|
| 900 | oklch(0.354 0.124 32.15) | #6e1607 | hsl(9, 88%, 23%) |
|
|
| 950 | oklch(0.210 0.065 33.74) | #300903 | hsl(8, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
