Warm Vintage Color Palette
This palette exudes a warm, inviting charm with soft beige and peach hues, punctuated by a bold crimson, all anchored by rich charcoal tones, creating a stylish yet cozy atmosphere perfect for modern elegance.
Practical uses and creative applications
The Warm Vintage Color Palette is a harmonious blend of soft, nostalgic hues that evoke a sense of comfort and charm. Featuring shades like #f2e3c6, a delicate cream, and #ffc6a5, a warm peach, this palette is perfect for branding projects that aim to convey a sense of warmth and approachability.
The bold #e6324b adds a striking pop of color, making it ideal for eye-catching packaging designs, while the deep #2b2b2b and #353634 provide a strong, sophisticated contrast that grounds the overall aesthetic. This palette is especially suited for creatives in the fields of web design and interior decor, where a vintage-inspired look can create inviting spaces and engaging online experiences.
Designers looking to craft a retro yet contemporary feel will find that the Warm Vintage Color Palette resonates well with audiences seeking authenticity and nostalgia. Whether you're designing a cozy café website, creating stylish product packaging, or curating an interior that feels both timeless and trendy, this palette strikes the perfect balance between vintage charm and modern appeal.
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.943 0.031 84.59) | #f6ebd5 | hsl(40, 65%, 90%) |
|
|
| 100 | oklch(0.937 0.033 83.71) | #f5e9d2 | hsl(39, 64%, 89%) |
|
|
| 200 | oklch(0.934 0.035 85.41) | #f4e8cf | hsl(41, 63%, 88%) |
|
|
| 300 | oklch(0.928 0.037 84.58) | #f3e6cc | hsl(40, 62%, 88%) |
|
|
| 400 | oklch(0.926 0.040 84.58) | #f3e5c9 | hsl(40, 64%, 87%) |
|
|
| 500 | oklch(0.920 0.042 83.87) | #f2e3c6 | hsl(40, 63%, 86%) |
|
|
| 600 | oklch(0.834 0.086 83.04) | #e4c487 | hsl(39, 63%, 71%) |
|
|
| 700 | oklch(0.749 0.124 81.52) | #d5a547 | hsl(40, 63%, 56%) |
|
|
| 800 | oklch(0.615 0.113 79.92) | #a87c26 | hsl(40, 63%, 40%) |
|
|
| 900 | oklch(0.440 0.078 79.78) | #694d18 | hsl(39, 63%, 25%) |
|
|
| 950 | oklch(0.247 0.039 82.52) | #2a1f09 | hsl(40, 65%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.044 52.64) | #ffdfcc | hsl(22, 100%, 90%) |
|
|
| 100 | oklch(0.914 0.051 52.57) | #ffdac4 | hsl(22, 100%, 88%) |
|
|
| 200 | oklch(0.902 0.058 52.49) | #ffd5bc | hsl(22, 100%, 87%) |
|
|
| 300 | oklch(0.891 0.064 51.46) | #ffd0b5 | hsl(22, 100%, 85%) |
|
|
| 400 | oklch(0.880 0.072 51.45) | #ffcbad | hsl(22, 100%, 84%) |
|
|
| 500 | oklch(0.869 0.079 51.42) | #ffc6a5 | hsl(22, 100%, 82%) |
|
|
| 600 | oklch(0.774 0.146 49.34) | #ff975b | hsl(22, 100%, 68%) |
|
|
| 700 | oklch(0.700 0.201 43.49) | #ff6911 | hsl(22, 100%, 53%) |
|
|
| 800 | oklch(0.571 0.173 41.67) | #c74900 | hsl(22, 100%, 39%) |
|
|
| 900 | oklch(0.410 0.120 43.53) | #7d2e00 | hsl(22, 100%, 25%) |
|
|
| 950 | oklch(0.232 0.061 50.78) | #331300 | hsl(22, 100%, 10%) |
|
dsfds
| 50 | oklch(0.898 0.044 9.29) | #f9d2d7 | hsl(352, 76%, 90%) |
|
|
| 100 | oklch(0.829 0.080 10.17) | #f6b2bb | hsl(352, 79%, 83%) |
|
|
| 200 | oklch(0.763 0.117 11.46) | #f2929f | hsl(352, 79%, 76%) |
|
|
| 300 | oklch(0.702 0.153 13.35) | #ee7283 | hsl(352, 78%, 69%) |
|
|
| 400 | oklch(0.649 0.187 15.98) | #ea5267 | hsl(352, 78%, 62%) |
|
|
| 500 | oklch(0.608 0.213 19.51) | #e6324b | hsl(352, 78%, 55%) |
|
|
| 600 | oklch(0.551 0.211 22.25) | #d11933 | hsl(352, 79%, 46%) |
|
|
| 700 | oklch(0.470 0.178 21.82) | #a81429 | hsl(351, 79%, 37%) |
|
|
| 800 | oklch(0.386 0.143 21.32) | #7f101f | hsl(352, 78%, 28%) |
|
|
| 900 | oklch(0.296 0.106 20.22) | #560b15 | hsl(352, 77%, 19%) |
|
|
| 950 | oklch(0.200 0.064 17.35) | #2d060b | hsl(352, 76%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.808 0.000 89.88) | #c0c0c0 | hsl(0, 0%, 75%) |
|
|
| 200 | oklch(0.689 0.000 89.88) | #9b9b9b | hsl(0, 0%, 61%) |
|
|
| 300 | oklch(0.566 0.000 89.88) | #767676 | hsl(0, 0%, 46%) |
|
|
| 400 | oklch(0.431 0.000 89.88) | #505050 | hsl(0, 0%, 31%) |
|
|
| 500 | oklch(0.289 0.000 89.88) | #2b2b2b | hsl(0, 0%, 17%) |
|
|
| 600 | oklch(0.277 0.000 89.88) | #282828 | hsl(0, 0%, 16%) |
|
|
| 700 | oklch(0.260 0.000 89.88) | #242424 | hsl(0, 0%, 14%) |
|
|
| 800 | oklch(0.248 0.000 89.88) | #212121 | hsl(0, 0%, 13%) |
|
|
| 900 | oklch(0.231 0.000 89.88) | #1d1d1d | hsl(0, 0%, 11%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.001 106.43) | #e6e6e5 | hsl(60, 2%, 90%) |
|
|
| 100 | oklch(0.816 0.003 128.50) | #c2c3c1 | hsl(90, 2%, 76%) |
|
|
| 200 | oklch(0.706 0.006 128.56) | #9fa19d | hsl(90, 2%, 62%) |
|
|
| 300 | oklch(0.590 0.008 124.54) | #7c7e79 | hsl(84, 2%, 48%) |
|
|
| 400 | oklch(0.465 0.005 134.88) | #585a57 | hsl(100, 2%, 35%) |
|
|
| 500 | oklch(0.331 0.004 128.59) | #353634 | hsl(90, 2%, 21%) |
|
|
| 600 | oklch(0.309 0.002 106.50) | #30302f | hsl(60, 1%, 19%) |
|
|
| 700 | oklch(0.287 0.004 128.61) | #2a2b29 | hsl(90, 2%, 16%) |
|
|
| 800 | oklch(0.264 0.002 106.52) | #252524 | hsl(60, 1%, 14%) |
|
|
| 900 | oklch(0.242 0.004 128.65) | #1f201e | hsl(90, 3%, 12%) |
|
|
| 950 | oklch(0.217 0.002 106.56) | #1a1a19 | hsl(60, 2%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
