Warm Vintage Color Palette
This palette radiates a warm, sun-kissed charm with vibrant coral, soft buttery yellow, and creamy neutrals, evoking a cozy, vintage-inspired aesthetic perfect for relaxed gatherings and cheerful moments.
Practical uses and creative applications
The Warm Vintage Color Palette features a delightful blend of soft and inviting hues, including the vibrant tangerine #F9734F, the sunny yellow #FACF6C, and the gentle beige #F8F2E6, complemented by earthy tones #B7AC99 and #9F9482. This palette is ideal for creative professionals looking to evoke a sense of nostalgia and warmth in their projects.
It works beautifully in branding for artisanal products, giving a handcrafted feel that resonates with audiences seeking authenticity. Additionally, web designers can leverage these colors to create engaging, user-friendly websites that invite exploration and comfort.
Perfect for packaging design, the Warm Vintage Color Palette can elevate the visual appeal of food products, cosmetics, or lifestyle brands, making them feel both trendy and timeless. Interior designers can also draw on this palette to craft cozy spaces that blend vintage charm with modern aesthetics, suitable for cafes, boutiques, or residential settings.
Ultimately, this color combination is tailored for creatives who wish to evoke a sense of warmth and nostalgia, making it the perfect choice for anyone looking to infuse their work with a vintage-inspired charm while remaining relevant in today’s design landscape.
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.911 0.044 35.56) | #fdd8ce | hsl(13, 92%, 90%) |
|
|
| 100 | oklch(0.866 0.068 36.52) | #fcc4b4 | hsl(13, 92%, 85%) |
|
|
| 200 | oklch(0.823 0.095 35.16) | #fcaf9b | hsl(12, 94%, 80%) |
|
|
| 300 | oklch(0.782 0.121 35.39) | #fb9b82 | hsl(12, 94%, 75%) |
|
|
| 400 | oklch(0.744 0.147 36.03) | #fa8768 | hsl(13, 94%, 69%) |
|
|
| 500 | oklch(0.709 0.172 36.02) | #f9734f | hsl(13, 93%, 64%) |
|
|
| 600 | oklch(0.650 0.218 34.66) | #f74819 | hsl(13, 93%, 53%) |
|
|
| 700 | oklch(0.566 0.201 33.75) | #d23207 | hsl(13, 94%, 43%) |
|
|
| 800 | oklch(0.456 0.159 34.18) | #9c2505 | hsl(13, 94%, 32%) |
|
|
| 900 | oklch(0.343 0.115 35.14) | #671904 | hsl(13, 93%, 21%) |
|
|
| 950 | oklch(0.216 0.064 38.65) | #310c02 | hsl(13, 92%, 10%) |
|
| 50 | oklch(0.955 0.046 87.76) | #fdefce | hsl(42, 92%, 90%) |
|
|
| 100 | oklch(0.939 0.064 87.68) | #fde9ba | hsl(42, 94%, 86%) |
|
|
| 200 | oklch(0.920 0.080 86.91) | #fce2a7 | hsl(42, 93%, 82%) |
|
|
| 300 | oklch(0.904 0.098 87.42) | #fbdc93 | hsl(42, 93%, 78%) |
|
|
| 400 | oklch(0.888 0.112 86.06) | #fbd580 | hsl(41, 94%, 74%) |
|
|
| 500 | oklch(0.872 0.127 86.13) | #facf6c | hsl(42, 93%, 70%) |
|
|
| 600 | oklch(0.829 0.158 83.08) | #f8bc31 | hsl(42, 93%, 58%) |
|
|
| 700 | oklch(0.753 0.155 78.89) | #e3a108 | hsl(42, 93%, 46%) |
|
|
| 800 | oklch(0.603 0.124 79.42) | #a87706 | hsl(42, 93%, 34%) |
|
|
| 900 | oklch(0.444 0.090 80.43) | #6d4d04 | hsl(42, 93%, 22%) |
|
|
| 950 | oklch(0.266 0.052 84.93) | #312302 | hsl(42, 92%, 10%) |
|
| 50 | oklch(0.940 0.027 83.54) | #f4ead7 | hsl(39, 57%, 90%) |
|
|
| 100 | oklch(0.945 0.026 84.59) | #f5ecda | hsl(40, 57%, 91%) |
|
|
| 200 | oklch(0.949 0.023 82.12) | #f6eddd | hsl(38, 58%, 92%) |
|
|
| 300 | oklch(0.954 0.021 85.94) | #f6efe0 | hsl(41, 55%, 92%) |
|
|
| 400 | oklch(0.957 0.019 83.06) | #f7f0e3 | hsl(39, 56%, 93%) |
|
|
| 500 | oklch(0.963 0.017 84.59) | #f8f2e6 | hsl(40, 56%, 94%) |
|
|
| 600 | oklch(0.862 0.063 84.45) | #e5cfa3 | hsl(40, 56%, 77%) |
|
|
| 700 | oklch(0.766 0.105 83.34) | #d3ad61 | hsl(40, 56%, 60%) |
|
|
| 800 | oklch(0.638 0.111 81.73) | #ad8431 | hsl(40, 56%, 44%) |
|
|
| 900 | oklch(0.452 0.076 81.40) | #6b511e | hsl(40, 56%, 27%) |
|
|
| 950 | oklch(0.242 0.035 81.88) | #281e0b | hsl(39, 57%, 10%) |
|
| 50 | oklch(0.929 0.009 84.57) | #eae7e1 | hsl(40, 18%, 90%) |
|
|
| 100 | oklch(0.893 0.012 79.78) | #e0dbd3 | hsl(37, 17%, 85%) |
|
|
| 200 | oklch(0.857 0.017 79.34) | #d6cfc4 | hsl(37, 18%, 80%) |
|
|
| 300 | oklch(0.820 0.020 80.10) | #cbc3b6 | hsl(37, 17%, 75%) |
|
|
| 400 | oklch(0.785 0.026 83.41) | #c1b8a7 | hsl(39, 17%, 71%) |
|
|
| 500 | oklch(0.748 0.029 81.44) | #b7ac99 | hsl(38, 17%, 66%) |
|
|
| 600 | oklch(0.662 0.039 82.07) | #9f9178 | hsl(38, 17%, 55%) |
|
|
| 700 | oklch(0.565 0.039 81.06) | #82745c | hsl(38, 17%, 44%) |
|
|
| 800 | oklch(0.459 0.031 79.97) | #615644 | hsl(37, 18%, 32%) |
|
|
| 900 | oklch(0.344 0.021 79.08) | #3f382d | hsl(37, 17%, 21%) |
|
|
| 950 | oklch(0.223 0.012 84.55) | #1e1b15 | hsl(40, 18%, 10%) |
|
| 50 | oklch(0.926 0.006 75.40) | #e9e6e2 | hsl(34, 14%, 90%) |
|
|
| 100 | oklch(0.877 0.010 81.79) | #dad6cf | hsl(38, 13%, 83%) |
|
|
| 200 | oklch(0.826 0.014 78.25) | #cbc5bc | hsl(36, 13%, 77%) |
|
|
| 300 | oklch(0.776 0.020 80.10) | #bdb5a8 | hsl(37, 14%, 70%) |
|
|
| 400 | oklch(0.723 0.024 78.16) | #aea495 | hsl(36, 13%, 63%) |
|
|
| 500 | oklch(0.671 0.029 80.18) | #9f9482 | hsl(37, 13%, 57%) |
|
|
| 600 | oklch(0.595 0.033 80.52) | #897d69 | hsl(38, 13%, 47%) |
|
|
| 700 | oklch(0.508 0.028 79.57) | #6e6454 | hsl(37, 13%, 38%) |
|
|
| 800 | oklch(0.417 0.021 75.85) | #534b40 | hsl(35, 13%, 29%) |
|
|
| 900 | oklch(0.324 0.015 79.62) | #38332b | hsl(37, 13%, 19%) |
|
|
| 950 | oklch(0.220 0.009 75.15) | #1d1a16 | hsl(34, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
