Warm Vintage Color Palette
This palette radiates a bold yet soothing vibe, blending deep earthy browns with vibrant reds, warm peachy tones, soft greens, and gentle yellows, creating a stylish balance of warmth and tranquility.
Practical uses and creative applications
The Warm Vintage Color Palette exudes a nostalgic charm that is perfect for brands seeking to evoke warmth and authenticity in their visual identity. With deep hues like #382a2a, complemented by cheerful shades such as #ff3d3d and #ff9d7d, this palette creates a captivating balance between boldness and softness, making it ideal for branding and packaging projects.
Designers can use these colors to craft a retro-inspired look that resonates with audiences who appreciate the aesthetics of bygone eras, whether in artisanal goods or boutique offerings. In web design and interior decor, the Warm Vintage Color Palette brings a cozy ambiance that encourages connection and comfort.
The soothing greens of #8dc4b7 and the gentle yellowish tint of #e5ebbc add a refreshing touch, making it suitable for creative spaces, cafes, or lifestyle blogs. This palette is particularly appealing to creatives and designers looking to infuse their projects with a warm, inviting mood, ensuring that any space or digital presence feels both stylish and welcoming.
Embrace the beauty of vintage charm by incorporating this palette into your next design endeavor!.
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.918 0.008 17.30) | #e9e2e2 | hsl(0, 14%, 90%) |
|
|
| 100 | oklch(0.800 0.019 17.56) | #cab9b9 | hsl(0, 14%, 76%) |
|
|
| 200 | oklch(0.676 0.034 18.02) | #ab8f8f | hsl(0, 14%, 62%) |
|
|
| 300 | oklch(0.553 0.045 18.62) | #8b6868 | hsl(0, 14%, 48%) |
|
|
| 400 | oklch(0.431 0.033 18.51) | #614949 | hsl(0, 14%, 33%) |
|
|
| 500 | oklch(0.301 0.021 18.38) | #382a2a | hsl(0, 14%, 19%) |
|
|
| 600 | oklch(0.284 0.020 18.38) | #332626 | hsl(0, 15%, 17%) |
|
|
| 700 | oklch(0.265 0.017 18.28) | #2d2222 | hsl(0, 14%, 15%) |
|
|
| 800 | oklch(0.247 0.016 18.27) | #281e1e | hsl(0, 14%, 14%) |
|
|
| 900 | oklch(0.229 0.014 18.25) | #231a1a | hsl(0, 15%, 12%) |
|
|
| 950 | oklch(0.209 0.011 18.10) | #1d1616 | hsl(0, 14%, 10%) |
|
dsfds
| 50 | oklch(0.890 0.058 18.30) | #ffcccc | hsl(0, 100%, 90%) |
|
|
| 100 | oklch(0.831 0.094 19.26) | #ffafaf | hsl(0, 100%, 84%) |
|
|
| 200 | oklch(0.777 0.130 20.48) | #ff9393 | hsl(0, 100%, 79%) |
|
|
| 300 | oklch(0.728 0.168 22.11) | #ff7676 | hsl(0, 100%, 73%) |
|
|
| 400 | oklch(0.688 0.201 24.06) | #ff5a5a | hsl(0, 100%, 68%) |
|
|
| 500 | oklch(0.657 0.229 26.25) | #ff3d3d | hsl(0, 100%, 62%) |
|
|
| 600 | oklch(0.630 0.256 29.04) | #ff0808 | hsl(0, 100%, 52%) |
|
|
| 700 | oklch(0.542 0.223 29.23) | #d20000 | hsl(0, 100%, 41%) |
|
|
| 800 | oklch(0.437 0.179 29.23) | #9d0000 | hsl(0, 100%, 31%) |
|
|
| 900 | oklch(0.325 0.133 29.23) | #680000 | hsl(0, 100%, 20%) |
|
|
| 950 | oklch(0.202 0.083 29.23) | #330000 | hsl(0, 100%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.046 39.79) | #ffd9cc | hsl(15, 100%, 90%) |
|
|
| 100 | oklch(0.888 0.062 39.62) | #ffcdbc | hsl(15, 100%, 87%) |
|
|
| 200 | oklch(0.862 0.077 39.52) | #ffc1ac | hsl(15, 100%, 84%) |
|
|
| 300 | oklch(0.837 0.093 38.72) | #ffb59d | hsl(15, 100%, 81%) |
|
|
| 400 | oklch(0.813 0.109 38.79) | #ffa98d | hsl(15, 100%, 78%) |
|
|
| 500 | oklch(0.789 0.126 38.83) | #ff9d7d | hsl(15, 100%, 75%) |
|
|
| 600 | oklch(0.705 0.191 37.93) | #ff6b3b | hsl(15, 100%, 62%) |
|
|
| 700 | oklch(0.641 0.229 34.36) | #f83d00 | hsl(15, 100%, 49%) |
|
|
| 800 | oklch(0.513 0.180 34.97) | #b72d00 | hsl(15, 100%, 36%) |
|
|
| 900 | oklch(0.374 0.127 36.43) | #751d00 | hsl(15, 100%, 23%) |
|
|
| 950 | oklch(0.222 0.067 42.22) | #330d00 | hsl(15, 100%, 10%) |
|
dsfds
| 50 | oklch(0.955 0.036 112.22) | #f0f3d8 | hsl(67, 53%, 90%) |
|
|
| 100 | oklch(0.950 0.042 112.99) | #eef2d2 | hsl(68, 55%, 89%) |
|
|
| 200 | oklch(0.942 0.046 113.89) | #ebf0cd | hsl(69, 54%, 87%) |
|
|
| 300 | oklch(0.935 0.051 113.33) | #e9eec7 | hsl(68, 53%, 86%) |
|
|
| 400 | oklch(0.931 0.057 113.96) | #e7edc2 | hsl(68, 54%, 85%) |
|
|
| 500 | oklch(0.924 0.062 113.53) | #e5ebbc | hsl(68, 54%, 83%) |
|
|
| 600 | oklch(0.861 0.111 114.66) | #cfda83 | hsl(68, 54%, 68%) |
|
|
| 700 | oklch(0.799 0.152 115.99) | #b9c949 | hsl(68, 54%, 54%) |
|
|
| 800 | oklch(0.654 0.131 116.55) | #8c9a2e | hsl(68, 54%, 39%) |
|
|
| 900 | oklch(0.470 0.091 116.48) | #58611d | hsl(68, 54%, 25%) |
|
|
| 950 | oklch(0.262 0.044 114.75) | #24270c | hsl(67, 53%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.019 180.26) | #ddeeea | hsl(166, 33%, 90%) |
|
|
| 100 | oklch(0.903 0.026 181.80) | #cde5e0 | hsl(168, 32%, 85%) |
|
|
| 200 | oklch(0.872 0.036 178.65) | #bdddd5 | hsl(165, 32%, 80%) |
|
|
| 300 | oklch(0.841 0.044 178.27) | #add5cb | hsl(165, 32%, 76%) |
|
|
| 400 | oklch(0.809 0.052 178.97) | #9dccc1 | hsl(166, 32%, 71%) |
|
|
| 500 | oklch(0.778 0.060 178.35) | #8dc4b7 | hsl(166, 32%, 66%) |
|
|
| 600 | oklch(0.704 0.078 177.26) | #67b09f | hsl(166, 32%, 55%) |
|
|
| 700 | oklch(0.612 0.077 176.11) | #4c9382 | hsl(166, 32%, 44%) |
|
|
| 800 | oklch(0.494 0.060 177.18) | #386d61 | hsl(166, 32%, 32%) |
|
|
| 900 | oklch(0.369 0.042 176.90) | #25473f | hsl(166, 31%, 21%) |
|
|
| 950 | oklch(0.235 0.024 177.43) | #11221e | hsl(166, 33%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
