Vintage Warmth Color Palette
This palette exudes a warm, vintage charm with soft taupes and rich brick reds, punctuated by a bold crimson, all set against a deep, moody backdrop that evokes a cozy yet dramatic atmosphere.
Practical uses and creative applications
The Vintage Warmth Color Palette embodies a nostalgic charm with its harmonious blend of soft earth tones and vibrant accents. Featuring shades like #AF9C9A, #BD928A, and #DE675D, this palette is ideal for those looking to evoke a sense of warmth and comfort in their designs.
Whether you're a designer crafting a brand identity, a web developer enhancing user experience, or an interior decorator aiming for a cozy atmosphere, these colors offer versatility across various applications. The rich, muted tones paired with the bold #FF3B2F create a stunning visual impact, making it perfect for vintage-themed products, artisanal packaging, or inviting home spaces.
This color palette particularly resonates with creatives who appreciate the beauty of retro aesthetics. Ideal for brands in the lifestyle, fashion, or food industries, the Vintage Warmth Color Palette speaks to an audience seeking authenticity and emotional connection.
Its sophisticated yet approachable vibe appeals to designers aiming for a timeless look in branding projects or web design, while the deep hue of #282634 provides a striking contrast that can ground any design. Embrace the nostalgic elegance of this palette to infuse your projects with a warm, inviting spirit that captivates and engages your audience.
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.920 0.005 17.26) | #e8e3e3 | hsl(0, 10%, 90%) |
|
|
| 100 | oklch(0.879 0.009 26.03) | #ddd5d4 | hsl(7, 12%, 85%) |
|
|
| 200 | oklch(0.838 0.011 24.34) | #d1c7c6 | hsl(5, 11%, 80%) |
|
|
| 300 | oklch(0.794 0.016 22.45) | #c6b8b7 | hsl(4, 12%, 75%) |
|
|
| 400 | oklch(0.751 0.019 21.89) | #baaaa9 | hsl(4, 11%, 70%) |
|
|
| 500 | oklch(0.709 0.023 24.89) | #af9c9a | hsl(6, 12%, 65%) |
|
|
| 600 | oklch(0.615 0.030 26.38) | #967e7b | hsl(7, 11%, 54%) |
|
|
| 700 | oklch(0.521 0.030 26.83) | #7a6360 | hsl(7, 12%, 43%) |
|
|
| 800 | oklch(0.424 0.025 21.90) | #5b4948 | hsl(3, 12%, 32%) |
|
|
| 900 | oklch(0.321 0.016 24.14) | #3b302f | hsl(5, 11%, 21%) |
|
|
| 950 | oklch(0.211 0.008 17.81) | #1c1717 | hsl(0, 10%, 10%) |
|
| 50 | oklch(0.918 0.014 34.30) | #ede1de | hsl(12, 29%, 90%) |
|
|
| 100 | oklch(0.875 0.021 28.92) | #e3d1ce | hsl(9, 27%, 85%) |
|
|
| 200 | oklch(0.831 0.029 28.55) | #dac1bd | hsl(8, 28%, 80%) |
|
|
| 300 | oklch(0.786 0.037 28.73) | #d0b1ac | hsl(8, 28%, 75%) |
|
|
| 400 | oklch(0.744 0.045 30.61) | #c7a29b | hsl(10, 28%, 69%) |
|
|
| 500 | oklch(0.698 0.054 30.53) | #bd928a | hsl(9, 28%, 64%) |
|
|
| 600 | oklch(0.604 0.073 30.50) | #a97167 | hsl(9, 28%, 53%) |
|
|
| 700 | oklch(0.513 0.069 31.88) | #8a584e | hsl(10, 28%, 42%) |
|
|
| 800 | oklch(0.417 0.055 30.94) | #67413a | hsl(9, 28%, 32%) |
|
|
| 900 | oklch(0.318 0.039 31.76) | #442b26 | hsl(10, 28%, 21%) |
|
|
| 950 | oklch(0.210 0.021 34.52) | #211512 | hsl(12, 29%, 10%) |
|
| 50 | oklch(0.904 0.035 22.21) | #f6d7d5 | hsl(4, 65%, 90%) |
|
|
| 100 | oklch(0.852 0.056 23.84) | #f1c1bd | hsl(5, 65%, 84%) |
|
|
| 200 | oklch(0.800 0.080 23.80) | #edaaa5 | hsl(4, 67%, 79%) |
|
|
| 300 | oklch(0.750 0.103 24.98) | #e8948d | hsl(5, 66%, 73%) |
|
|
| 400 | oklch(0.701 0.128 25.53) | #e37d75 | hsl(4, 66%, 67%) |
|
|
| 500 | oklch(0.656 0.151 26.85) | #de675d | hsl(5, 66%, 62%) |
|
|
| 600 | oklch(0.585 0.190 29.08) | #d53e31 | hsl(5, 66%, 51%) |
|
|
| 700 | oklch(0.500 0.166 29.24) | #ae2e23 | hsl(5, 67%, 41%) |
|
|
| 800 | oklch(0.407 0.131 28.93) | #82231b | hsl(5, 66%, 31%) |
|
|
| 900 | oklch(0.309 0.094 28.34) | #561712 | hsl(4, 65%, 20%) |
|
|
| 950 | oklch(0.202 0.052 26.53) | #2a0b09 | hsl(4, 65%, 10%) |
|
| 50 | oklch(0.895 0.055 22.40) | #ffcfcc | hsl(4, 100%, 90%) |
|
|
| 100 | oklch(0.834 0.092 22.49) | #ffb1ad | hsl(3, 100%, 84%) |
|
|
| 200 | oklch(0.778 0.130 24.46) | #ff948d | hsl(4, 100%, 78%) |
|
|
| 300 | oklch(0.727 0.169 25.49) | #ff766e | hsl(3, 100%, 72%) |
|
|
| 400 | oklch(0.686 0.204 27.53) | #ff594e | hsl(4, 100%, 65%) |
|
|
| 500 | oklch(0.654 0.232 28.84) | #ff3b2f | hsl(3, 100%, 59%) |
|
|
| 600 | oklch(0.625 0.253 29.73) | #fc0f00 | hsl(4, 100%, 49%) |
|
|
| 700 | oklch(0.530 0.213 29.86) | #ca0c00 | hsl(4, 100%, 40%) |
|
|
| 800 | oklch(0.428 0.171 30.12) | #970900 | hsl(4, 100%, 30%) |
|
|
| 900 | oklch(0.322 0.127 30.65) | #650600 | hsl(4, 100%, 20%) |
|
|
| 950 | oklch(0.207 0.078 32.03) | #330300 | hsl(4, 100%, 10%) |
|
| 50 | oklch(0.916 0.009 292.78) | #e3e2e9 | hsl(249, 14%, 90%) |
|
|
| 100 | oklch(0.788 0.027 293.02) | #bab7ca | hsl(249, 15%, 75%) |
|
|
| 200 | oklch(0.655 0.046 292.48) | #918cab | hsl(250, 16%, 61%) |
|
|
| 300 | oklch(0.523 0.058 291.70) | #6a6489 | hsl(250, 16%, 46%) |
|
|
| 400 | oklch(0.405 0.043 291.39) | #49455f | hsl(249, 16%, 32%) |
|
|
| 500 | oklch(0.277 0.026 291.17) | #282634 | hsl(249, 16%, 18%) |
|
|
| 600 | oklch(0.264 0.022 292.44) | #25232f | hsl(250, 15%, 16%) |
|
|
| 700 | oklch(0.247 0.023 292.29) | #211f2b | hsl(250, 16%, 15%) |
|
|
| 800 | oklch(0.233 0.019 294.03) | #1e1c26 | hsl(252, 15%, 13%) |
|
|
| 900 | oklch(0.219 0.018 289.96) | #1a1922 | hsl(247, 15%, 12%) |
|
|
| 950 | oklch(0.205 0.014 291.68) | #17161d | hsl(249, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
