Warm Vintage Color Palette
This palette exudes a warm, nostalgic vibe with sunny yellows, earthy terracottas, bold reds, and a contrasting deep charcoal, creating a stylish blend of retro charm and modern sophistication.
Practical uses and creative applications
The Warm Vintage Color Palette features a delightful combination of soft yellows (#f2ecb0), earthy oranges (#ebb667), rich reds (#d65c56), deep maroons (#823c3c), and a striking charcoal (#1b1c26). This palette is perfect for designers and creatives seeking to evoke a sense of nostalgia and warmth in their projects.
Whether you are developing a branding strategy, designing a website, or creating unique packaging, these colors can infuse your work with a vintage charm that resonates emotionally with your audience. Ideal for artisanal brands, cozy cafes, or boutique shops, the Warm Vintage Color Palette can evoke feelings of comfort and familiarity.
Its earthy tones are well-suited for interior design projects, making it a great choice for creating inviting spaces that feel both timeless and modern. Additionally, this palette works beautifully in digital applications, enhancing user experiences by creating a warm and engaging online environment.
Perfect for designers looking to attract an audience that appreciates craftsmanship and nostalgia, this color scheme can help your work stand out in a crowded market.
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.962 0.043 101.49) | #f8f4d3 | hsl(54, 73%, 90%) |
|
|
| 100 | oklch(0.957 0.051 102.48) | #f7f3cc | hsl(54, 73%, 88%) |
|
|
| 200 | oklch(0.950 0.057 103.13) | #f5f1c5 | hsl(55, 71%, 87%) |
|
|
| 300 | oklch(0.944 0.064 102.69) | #f4efbe | hsl(54, 71%, 85%) |
|
|
| 400 | oklch(0.940 0.071 103.33) | #f3eeb7 | hsl(55, 71%, 84%) |
|
|
| 500 | oklch(0.934 0.077 102.98) | #f2ecb0 | hsl(55, 72%, 82%) |
|
|
| 600 | oklch(0.885 0.130 103.47) | #e8dd71 | hsl(54, 72%, 68%) |
|
|
| 700 | oklch(0.839 0.164 103.59) | #ddce32 | hsl(55, 72%, 53%) |
|
|
| 800 | oklch(0.686 0.137 103.14) | #aa9d1c | hsl(55, 72%, 39%) |
|
|
| 900 | oklch(0.492 0.097 103.41) | #6b6312 | hsl(55, 71%, 25%) |
|
|
| 950 | oklch(0.273 0.049 102.38) | #2c2807 | hsl(54, 73%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.035 77.09) | #f9e9d2 | hsl(35, 76%, 90%) |
|
|
| 100 | oklch(0.914 0.051 77.62) | #f6dfbd | hsl(36, 76%, 85%) |
|
|
| 200 | oklch(0.887 0.069 78.28) | #f3d5a7 | hsl(36, 76%, 80%) |
|
|
| 300 | oklch(0.862 0.085 77.36) | #f1cb92 | hsl(36, 77%, 76%) |
|
|
| 400 | oklch(0.834 0.101 76.44) | #eec07c | hsl(36, 77%, 71%) |
|
|
| 500 | oklch(0.809 0.115 75.89) | #ebb667 | hsl(36, 77%, 66%) |
|
|
| 600 | oklch(0.750 0.142 72.85) | #e49e34 | hsl(36, 77%, 55%) |
|
|
| 700 | oklch(0.656 0.135 69.73) | #c5801a | hsl(36, 77%, 44%) |
|
|
| 800 | oklch(0.530 0.108 69.92) | #935f13 | hsl(36, 77%, 33%) |
|
|
| 900 | oklch(0.394 0.077 70.74) | #603e0d | hsl(35, 76%, 21%) |
|
|
| 950 | oklch(0.246 0.044 73.41) | #2d1d06 | hsl(35, 76%, 10%) |
|
dsfds
| 50 | oklch(0.904 0.034 20.07) | #f5d7d6 | hsl(2, 61%, 90%) |
|
|
| 100 | oklch(0.846 0.056 22.47) | #efbfbc | hsl(4, 61%, 84%) |
|
|
| 200 | oklch(0.788 0.080 21.91) | #e9a6a3 | hsl(3, 61%, 78%) |
|
|
| 300 | oklch(0.730 0.104 22.85) | #e28d89 | hsl(3, 61%, 71%) |
|
|
| 400 | oklch(0.678 0.129 23.96) | #dc7570 | hsl(3, 61%, 65%) |
|
|
| 500 | oklch(0.628 0.155 25.36) | #d65c56 | hsl(3, 61%, 59%) |
|
|
| 600 | oklch(0.559 0.183 27.57) | #c93831 | hsl(3, 61%, 49%) |
|
|
| 700 | oklch(0.476 0.153 27.55) | #a12d27 | hsl(3, 61%, 39%) |
|
|
| 800 | oklch(0.390 0.122 27.53) | #79221d | hsl(3, 61%, 29%) |
|
|
| 900 | oklch(0.299 0.087 26.71) | #511714 | hsl(3, 60%, 20%) |
|
|
| 950 | oklch(0.200 0.051 24.64) | #290b0a | hsl(2, 61%, 10%) |
|
dsfds
| 50 | oklch(0.910 0.021 17.54) | #efdcdc | hsl(0, 37%, 90%) |
|
|
| 100 | oklch(0.814 0.045 18.12) | #deb7b7 | hsl(0, 37%, 79%) |
|
|
| 200 | oklch(0.717 0.072 18.98) | #cd9292 | hsl(0, 37%, 69%) |
|
|
| 300 | oklch(0.624 0.099 20.27) | #bc6e6e | hsl(0, 37%, 58%) |
|
|
| 400 | oklch(0.534 0.119 21.91) | #a74d4d | hsl(0, 37%, 48%) |
|
|
| 500 | oklch(0.448 0.097 21.73) | #823c3c | hsl(0, 37%, 37%) |
|
|
| 600 | oklch(0.401 0.085 21.63) | #6f3333 | hsl(0, 37%, 32%) |
|
|
| 700 | oklch(0.354 0.074 21.50) | #5c2a2a | hsl(0, 37%, 26%) |
|
|
| 800 | oklch(0.306 0.059 21.14) | #492222 | hsl(0, 36%, 21%) |
|
|
| 900 | oklch(0.255 0.046 20.82) | #361919 | hsl(0, 37%, 15%) |
|
|
| 950 | oklch(0.201 0.032 20.29) | #231010 | hsl(0, 37%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.011 280.46) | #e1e2ea | hsl(233, 18%, 90%) |
|
|
| 100 | oklch(0.778 0.028 281.18) | #b3b5c9 | hsl(235, 17%, 75%) |
|
|
| 200 | oklch(0.636 0.048 280.73) | #8588a8 | hsl(235, 17%, 59%) |
|
|
| 300 | oklch(0.499 0.054 279.02) | #5c6082 | hsl(234, 17%, 44%) |
|
|
| 400 | oklch(0.371 0.038 280.34) | #3c3e54 | hsl(235, 17%, 28%) |
|
|
| 500 | oklch(0.230 0.019 280.29) | #1b1c26 | hsl(235, 17%, 13%) |
|
|
| 600 | oklch(0.225 0.018 279.92) | #1a1b24 | hsl(234, 16%, 12%) |
|
|
| 700 | oklch(0.221 0.018 279.88) | #191a23 | hsl(234, 17%, 12%) |
|
|
| 800 | oklch(0.213 0.018 284.81) | #181821 | hsl(240, 16%, 11%) |
|
|
| 900 | oklch(0.207 0.016 279.33) | #16171f | hsl(233, 17%, 10%) |
|
|
| 950 | oklch(0.203 0.016 279.29) | #15161e | hsl(233, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
