Warm Vintage Color Palette
This palette exudes a warm, inviting atmosphere with soft sage greens, blush pinks, and rich berry tones, perfect for a romantic and cozy vintage aesthetic.
Practical uses and creative applications
The Warm Vintage Color Palette blends a nostalgic charm with a modern twist, making it an ideal choice for branding and web design that seeks to evoke warmth and familiarity. Featuring soft hues like #becb7c and #faa191 alongside deeper shades such as #962c4c and #f05d67, this palette is perfect for businesses aiming to create a cozy, inviting atmosphere.
Whether you're designing a retro-inspired café or a boutique clothing line, these colors can help communicate your brand's story while appealing to your audience's emotions. Creatives and designers will find the Warm Vintage Color Palette particularly versatile for various applications, from packaging design to interior decor.
The earthy tones and muted pastels work harmoniously to create a vintage aesthetic that is both timeless and trendy. Use this palette to craft stunning visual identities that resonate with audiences seeking authenticity and comfort, whether in a home, retail space, or digital environment.
Embrace the warmth and nostalgia of this palette to elevate your design projects and captivate your target 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.
dsfds
| 50 | oklch(0.949 0.031 114.99) | #edf1da | hsl(70, 45%, 90%) |
|
|
| 100 | oklch(0.922 0.044 114.26) | #e4e9c8 | hsl(69, 43%, 85%) |
|
|
| 200 | oklch(0.895 0.060 115.81) | #dae2b5 | hsl(71, 44%, 80%) |
|
|
| 300 | oklch(0.868 0.074 115.39) | #d1daa2 | hsl(70, 43%, 75%) |
|
|
| 400 | oklch(0.841 0.090 116.52) | #c7d38f | hsl(71, 44%, 69%) |
|
|
| 500 | oklch(0.814 0.103 116.39) | #becb7c | hsl(70, 43%, 64%) |
|
|
| 600 | oklch(0.758 0.130 117.42) | #aabb54 | hsl(70, 43%, 53%) |
|
|
| 700 | oklch(0.658 0.119 117.51) | #8c9b3e | hsl(70, 43%, 43%) |
|
|
| 800 | oklch(0.533 0.095 117.92) | #68742e | hsl(70, 43%, 32%) |
|
|
| 900 | oklch(0.398 0.068 117.84) | #444c1e | hsl(70, 43%, 21%) |
|
|
| 950 | oklch(0.254 0.039 117.42) | #21250e | hsl(70, 45%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.008 139.44) | #e4e8e3 | hsl(108, 10%, 90%) |
|
|
| 100 | oklch(0.874 0.014 138.71) | #d1d8cf | hsl(107, 10%, 83%) |
|
|
| 200 | oklch(0.819 0.019 137.80) | #bec7bb | hsl(105, 10%, 76%) |
|
|
| 300 | oklch(0.764 0.028 138.31) | #aab7a6 | hsl(106, 11%, 68%) |
|
|
| 400 | oklch(0.708 0.033 137.85) | #97a692 | hsl(105, 10%, 61%) |
|
|
| 500 | oklch(0.652 0.041 137.88) | #84967e | hsl(105, 10%, 54%) |
|
|
| 600 | oklch(0.576 0.040 137.55) | #6e7f68 | hsl(104, 10%, 45%) |
|
|
| 700 | oklch(0.495 0.036 137.90) | #586753 | hsl(105, 11%, 36%) |
|
|
| 800 | oklch(0.409 0.028 137.36) | #434e3f | hsl(104, 11%, 28%) |
|
|
| 900 | oklch(0.319 0.020 136.26) | #2e352b | hsl(102, 10%, 19%) |
|
|
| 950 | oklch(0.220 0.011 139.43) | #181c17 | hsl(108, 10%, 10%) |
|
dsfds
| 50 | oklch(0.907 0.032 357.87) | #f3d8e0 | hsl(342, 53%, 90%) |
|
|
| 100 | oklch(0.810 0.069 358.77) | #e7afc0 | hsl(342, 54%, 80%) |
|
|
| 200 | oklch(0.716 0.108 0.45) | #db86a0 | hsl(342, 54%, 69%) |
|
|
| 300 | oklch(0.628 0.148 3.57) | #cf5d7f | hsl(342, 54%, 59%) |
|
|
| 400 | oklch(0.551 0.173 6.64) | #bf3861 | hsl(342, 55%, 48%) |
|
|
| 500 | oklch(0.463 0.142 6.42) | #962c4c | hsl(342, 55%, 38%) |
|
|
| 600 | oklch(0.415 0.125 6.20) | #802641 | hsl(342, 54%, 33%) |
|
|
| 700 | oklch(0.365 0.108 5.54) | #6a1f36 | hsl(342, 55%, 27%) |
|
|
| 800 | oklch(0.313 0.089 6.16) | #54192a | hsl(343, 54%, 21%) |
|
|
| 900 | oklch(0.259 0.070 5.13) | #3e121f | hsl(342, 55%, 16%) |
|
|
| 950 | oklch(0.201 0.047 3.56) | #270c14 | hsl(342, 53%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.049 13.37) | #fbd0d3 | hsl(356, 84%, 90%) |
|
|
| 100 | oklch(0.846 0.074 13.56) | #f9b9be | hsl(355, 84%, 85%) |
|
|
| 200 | oklch(0.797 0.100 14.90) | #f6a2a8 | hsl(356, 82%, 80%) |
|
|
| 300 | oklch(0.751 0.128 16.35) | #f48b92 | hsl(356, 83%, 75%) |
|
|
| 400 | oklch(0.709 0.155 17.47) | #f2747d | hsl(356, 83%, 70%) |
|
|
| 500 | oklch(0.671 0.181 19.43) | #f05d67 | hsl(356, 83%, 65%) |
|
|
| 600 | oklch(0.608 0.225 24.30) | #eb2937 | hsl(356, 83%, 54%) |
|
|
| 700 | oklch(0.534 0.209 26.32) | #ca131f | hsl(356, 83%, 43%) |
|
|
| 800 | oklch(0.430 0.166 25.86) | #960e17 | hsl(356, 83%, 32%) |
|
|
| 900 | oklch(0.319 0.120 24.92) | #62090f | hsl(356, 83%, 21%) |
|
|
| 950 | oklch(0.201 0.070 21.70) | #2f0407 | hsl(356, 84%, 10%) |
|
dsfds
| 50 | oklch(0.905 0.046 29.64) | #fdd5ce | hsl(9, 92%, 90%) |
|
|
| 100 | oklch(0.882 0.057 30.29) | #fccbc2 | hsl(9, 91%, 87%) |
|
|
| 200 | oklch(0.859 0.071 29.38) | #fcc0b6 | hsl(9, 92%, 85%) |
|
|
| 300 | oklch(0.837 0.083 30.87) | #fbb6a9 | hsl(10, 91%, 82%) |
|
|
| 400 | oklch(0.815 0.097 30.27) | #fbab9d | hsl(9, 92%, 80%) |
|
|
| 500 | oklch(0.794 0.109 30.75) | #faa191 | hsl(9, 91%, 77%) |
|
|
| 600 | oklch(0.693 0.180 32.30) | #f7694f | hsl(9, 91%, 64%) |
|
|
| 700 | oklch(0.626 0.232 31.90) | #f4310d | hsl(9, 91%, 50%) |
|
|
| 800 | oklch(0.499 0.184 31.86) | #b42208 | hsl(9, 91%, 37%) |
|
|
| 900 | oklch(0.363 0.130 32.48) | #731605 | hsl(9, 92%, 24%) |
|
|
| 950 | oklch(0.212 0.067 35.19) | #310902 | hsl(9, 92%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
