Warm Vintage Color Palette
This palette radiates a warm, sun-kissed nostalgia with soft beige and golden yellows, complemented by a vibrant coral, earthy teal, and deep mahogany, evoking a cozy, rustic charm.
Practical uses and creative applications
The Warm Vintage Color Palette is a delightful blend of soft, earthy tones that evoke a sense of nostalgia and warmth. Featuring colors like the gentle beige #f3e6bc, the sunny yellow #f1c972, and the rich terracotta #f5886b, this palette is ideal for creatives looking to infuse a touch of retro charm into their projects.
Whether you're designing a cozy café’s branding, crafting inviting packaging for artisanal products, or curating a warm interior space, these colors can effortlessly transport your audience to a bygone era filled with comfort and style. This palette is particularly suited for designers and creatives who want to evoke a sense of nostalgia while maintaining modern aesthetics.
It works beautifully in web design, where a warm vintage vibe can create an inviting user experience, or in interior design, where it can transform a space into a serene retreat. Ideal for brands in sectors like organic foods, handmade crafts, or vintage clothing, the Warm Vintage Color Palette not only enhances visual appeal but also resonates deeply with audiences seeking authenticity and warmth in their everyday interactions.
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.951 0.036 93.35) | #f7efd4 | hsl(46, 69%, 90%) |
|
|
| 100 | oklch(0.945 0.041 93.21) | #f6edcf | hsl(46, 68%, 89%) |
|
|
| 200 | oklch(0.940 0.045 91.74) | #f6ebca | hsl(45, 71%, 88%) |
|
|
| 300 | oklch(0.936 0.050 93.39) | #f5eac5 | hsl(46, 71%, 87%) |
|
|
| 400 | oklch(0.931 0.053 92.94) | #f4e8c1 | hsl(46, 70%, 86%) |
|
|
| 500 | oklch(0.925 0.057 92.87) | #f3e6bc | hsl(46, 70%, 85%) |
|
|
| 600 | oklch(0.855 0.106 92.99) | #e7ce7c | hsl(46, 69%, 70%) |
|
|
| 700 | oklch(0.789 0.142 91.10) | #dcb63b | hsl(46, 70%, 55%) |
|
|
| 800 | oklch(0.650 0.124 90.34) | #ac8b1f | hsl(46, 69%, 40%) |
|
|
| 900 | oklch(0.465 0.087 90.57) | #6c5713 | hsl(46, 70%, 25%) |
|
|
| 950 | oklch(0.259 0.043 92.60) | #2b2308 | hsl(46, 69%, 10%) |
|
dsfds
| 50 | oklch(0.949 0.039 86.06) | #faedd1 | hsl(41, 80%, 90%) |
|
|
| 100 | oklch(0.930 0.056 85.57) | #f9e6be | hsl(41, 83%, 86%) |
|
|
| 200 | oklch(0.911 0.072 86.05) | #f7dfab | hsl(41, 83%, 82%) |
|
|
| 300 | oklch(0.890 0.087 85.23) | #f5d798 | hsl(41, 82%, 78%) |
|
|
| 400 | oklch(0.871 0.102 85.36) | #f3d085 | hsl(41, 82%, 74%) |
|
|
| 500 | oklch(0.853 0.115 85.25) | #f1c972 | hsl(41, 82%, 70%) |
|
|
| 600 | oklch(0.801 0.146 82.48) | #ecb43b | hsl(41, 82%, 58%) |
|
|
| 700 | oklch(0.719 0.145 79.39) | #d49815 | hsl(41, 82%, 46%) |
|
|
| 800 | oklch(0.576 0.115 79.41) | #9d7010 | hsl(41, 82%, 34%) |
|
|
| 900 | oklch(0.426 0.083 80.73) | #66490a | hsl(41, 82%, 22%) |
|
|
| 950 | oklch(0.257 0.046 83.39) | #2e2105 | hsl(41, 80%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.042 36.49) | #fcd9cf | hsl(13, 88%, 90%) |
|
|
| 100 | oklch(0.873 0.060 34.99) | #fac8bb | hsl(12, 86%, 86%) |
|
|
| 200 | oklch(0.838 0.080 35.17) | #f9b8a7 | hsl(12, 87%, 82%) |
|
|
| 300 | oklch(0.804 0.100 35.35) | #f8a893 | hsl(12, 88%, 77%) |
|
|
| 400 | oklch(0.771 0.119 35.68) | #f6987f | hsl(13, 87%, 73%) |
|
|
| 500 | oklch(0.740 0.140 35.83) | #f5886b | hsl(13, 87%, 69%) |
|
|
| 600 | oklch(0.663 0.193 35.64) | #f15b33 | hsl(13, 87%, 57%) |
|
|
| 700 | oklch(0.585 0.202 34.12) | #d9390f | hsl(12, 87%, 45%) |
|
|
| 800 | oklch(0.471 0.160 34.33) | #a12a0b | hsl(12, 87%, 34%) |
|
|
| 900 | oklch(0.347 0.113 34.86) | #681b07 | hsl(12, 87%, 22%) |
|
|
| 950 | oklch(0.216 0.061 38.74) | #300d03 | hsl(13, 88%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.015 171.04) | #dfece7 | hsl(157, 25%, 90%) |
|
|
| 100 | oklch(0.887 0.028 167.74) | #c9e0d6 | hsl(154, 27%, 83%) |
|
|
| 200 | oklch(0.840 0.039 168.89) | #b3d3c6 | hsl(156, 27%, 76%) |
|
|
| 300 | oklch(0.795 0.051 168.39) | #9dc7b6 | hsl(156, 27%, 70%) |
|
|
| 400 | oklch(0.748 0.061 166.92) | #88baa5 | hsl(155, 27%, 63%) |
|
|
| 500 | oklch(0.702 0.073 166.27) | #72ae95 | hsl(155, 27%, 56%) |
|
|
| 600 | oklch(0.631 0.079 165.42) | #58997e | hsl(155, 27%, 47%) |
|
|
| 700 | oklch(0.539 0.067 165.47) | #467b65 | hsl(155, 27%, 38%) |
|
|
| 800 | oklch(0.443 0.054 165.09) | #355d4c | hsl(155, 27%, 29%) |
|
|
| 900 | oklch(0.339 0.038 165.61) | #243e33 | hsl(155, 27%, 19%) |
|
|
| 950 | oklch(0.230 0.021 168.57) | #13201b | hsl(157, 25%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.019 38.15) | #f0e0db | hsl(14, 41%, 90%) |
|
|
| 100 | oklch(0.811 0.044 37.67) | #dcb8ad | hsl(14, 40%, 77%) |
|
|
| 200 | oklch(0.702 0.075 37.00) | #c98f7e | hsl(14, 41%, 64%) |
|
|
| 300 | oklch(0.597 0.106 37.24) | #b56750 | hsl(14, 41%, 51%) |
|
|
| 400 | oklch(0.485 0.088 37.26) | #894c3a | hsl(14, 41%, 38%) |
|
|
| 500 | oklch(0.364 0.062 37.49) | #5a3226 | hsl(14, 41%, 25%) |
|
|
| 600 | oklch(0.335 0.055 38.21) | #4f2c21 | hsl(14, 41%, 22%) |
|
|
| 700 | oklch(0.305 0.048 37.48) | #44261d | hsl(14, 40%, 19%) |
|
|
| 800 | oklch(0.276 0.043 37.87) | #3a2018 | hsl(14, 41%, 16%) |
|
|
| 900 | oklch(0.244 0.036 36.70) | #2f1a14 | hsl(13, 40%, 13%) |
|
|
| 950 | oklch(0.212 0.028 38.10) | #24140f | hsl(14, 41%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
