Vintage Elegance Color Palette
This palette exudes a moody, vintage elegance with its deep charcoal and muted greys, punctuated by vibrant bursts of rosy red and soft sage, creating a chic yet atmospheric vibe.
Practical uses and creative applications
The Vintage Elegance Color Palette effortlessly blends muted tones with striking hues, making it an ideal choice for designers and creatives who want to evoke a sense of nostalgia and sophistication. Featuring soft grays (#85847e), warm reds (#ab6a6e, #f7345b), deep charcoals (#353130), and subtle creams (#cbcfb4), this palette is perfect for branding projects that aim to communicate timelessness and class.
Whether you’re designing a logo for an artisanal brand or developing a website for a vintage boutique, these colors can help set the right tone and enhance your brand's identity. This palette shines in various applications, from web design to packaging and interiors.
For web design, the Vintage Elegance Palette can create a warm, inviting atmosphere, making it perfect for blogs, online stores, or portfolios that celebrate artisanal crafts or vintage fashion. In packaging, it can draw attention to gourmet products or handmade items, while in interiors, these colors can infuse a space with a chic, timeless ambiance.
Designers looking to capture a refined yet approachable aesthetic will find this palette to be an invaluable resource in their creative toolkit.
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.925 0.001 106.43) | #e6e6e5 | hsl(60, 2%, 90%) |
|
|
| 100 | oklch(0.864 0.003 84.56) | #d3d2d0 | hsl(40, 3%, 82%) |
|
|
| 200 | oklch(0.804 0.004 106.49) | #bfbfbc | hsl(60, 2%, 74%) |
|
|
| 300 | oklch(0.741 0.006 95.13) | #acaba7 | hsl(48, 3%, 66%) |
|
|
| 400 | oklch(0.678 0.007 106.59) | #989893 | hsl(60, 2%, 59%) |
|
|
| 500 | oklch(0.612 0.009 98.97) | #85847e | hsl(51, 3%, 51%) |
|
|
| 600 | oklch(0.541 0.008 97.45) | #706f6a | hsl(50, 3%, 43%) |
|
|
| 700 | oklch(0.466 0.008 106.70) | #5a5a55 | hsl(60, 3%, 34%) |
|
|
| 800 | oklch(0.387 0.005 91.52) | #454441 | hsl(45, 3%, 26%) |
|
|
| 900 | oklch(0.305 0.004 84.58) | #302f2d | hsl(40, 3%, 18%) |
|
|
| 950 | oklch(0.217 0.002 106.56) | #1a1a19 | hsl(60, 2%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.017 12.81) | #eddedf | hsl(356, 29%, 90%) |
|
|
| 100 | oklch(0.850 0.027 11.95) | #dfc7c9 | hsl(355, 27%, 83%) |
|
|
| 200 | oklch(0.788 0.040 14.02) | #d2b0b2 | hsl(356, 27%, 76%) |
|
|
| 300 | oklch(0.724 0.053 15.41) | #c5999b | hsl(357, 28%, 69%) |
|
|
| 400 | oklch(0.659 0.068 14.29) | #b88185 | hsl(356, 28%, 61%) |
|
|
| 500 | oklch(0.596 0.084 15.90) | #ab6a6e | hsl(356, 28%, 54%) |
|
|
| 600 | oklch(0.521 0.085 16.44) | #945458 | hsl(356, 28%, 45%) |
|
|
| 700 | oklch(0.446 0.072 16.69) | #774346 | hsl(357, 28%, 36%) |
|
|
| 800 | oklch(0.370 0.057 16.87) | #5a3335 | hsl(357, 28%, 28%) |
|
|
| 900 | oklch(0.292 0.041 17.53) | #3e2324 | hsl(358, 28%, 19%) |
|
|
| 950 | oklch(0.203 0.025 15.16) | #211213 | hsl(356, 29%, 10%) |
|
dsfds
| 50 | oklch(0.894 0.054 5.35) | #fdced7 | hsl(349, 92%, 90%) |
|
|
| 100 | oklch(0.831 0.092 6.44) | #fcafbe | hsl(348, 93%, 84%) |
|
|
| 200 | oklch(0.773 0.131 7.40) | #fb90a6 | hsl(348, 93%, 77%) |
|
|
| 300 | oklch(0.720 0.166 9.77) | #f9728d | hsl(348, 92%, 71%) |
|
|
| 400 | oklch(0.675 0.201 12.55) | #f85374 | hsl(348, 92%, 65%) |
|
|
| 500 | oklch(0.641 0.227 16.14) | #f7345b | hsl(348, 92%, 59%) |
|
|
| 600 | oklch(0.605 0.241 22.03) | #f00938 | hsl(348, 93%, 49%) |
|
|
| 700 | oklch(0.513 0.203 21.52) | #c0082d | hsl(348, 92%, 39%) |
|
|
| 800 | oklch(0.418 0.164 21.12) | #910621 | hsl(348, 92%, 30%) |
|
|
| 900 | oklch(0.315 0.122 19.56) | #610416 | hsl(348, 92%, 20%) |
|
|
| 950 | oklch(0.203 0.076 15.00) | #31020b | hsl(349, 92%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.003 48.72) | #e7e5e4 | hsl(20, 6%, 90%) |
|
|
| 100 | oklch(0.812 0.006 31.06) | #c5c0bf | hsl(10, 5%, 76%) |
|
|
| 200 | oklch(0.696 0.010 34.30) | #a39b99 | hsl(12, 5%, 62%) |
|
|
| 300 | oklch(0.574 0.013 31.10) | #807674 | hsl(10, 5%, 48%) |
|
|
| 400 | oklch(0.452 0.010 36.52) | #5b5452 | hsl(13, 5%, 34%) |
|
|
| 500 | oklch(0.317 0.006 34.30) | #353130 | hsl(12, 5%, 20%) |
|
|
| 600 | oklch(0.297 0.006 34.30) | #302c2b | hsl(12, 5%, 18%) |
|
|
| 700 | oklch(0.277 0.006 34.30) | #2b2726 | hsl(12, 6%, 16%) |
|
|
| 800 | oklch(0.255 0.005 17.45) | #252222 | hsl(0, 4%, 14%) |
|
|
| 900 | oklch(0.237 0.004 48.57) | #201e1d | hsl(20, 5%, 12%) |
|
|
| 950 | oklch(0.215 0.004 48.55) | #1b1918 | hsl(20, 6%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.015 115.05) | #e9ebe0 | hsl(71, 22%, 90%) |
|
|
| 100 | oklch(0.917 0.019 113.36) | #e3e5d7 | hsl(69, 21%, 87%) |
|
|
| 200 | oklch(0.899 0.024 114.57) | #dde0ce | hsl(70, 23%, 84%) |
|
|
| 300 | oklch(0.881 0.027 113.88) | #d7dac6 | hsl(69, 21%, 82%) |
|
|
| 400 | oklch(0.863 0.033 114.77) | #d1d5bd | hsl(70, 22%, 79%) |
|
|
| 500 | oklch(0.844 0.037 114.03) | #cbcfb4 | hsl(69, 22%, 76%) |
|
|
| 600 | oklch(0.757 0.058 114.40) | #afb58b | hsl(69, 22%, 63%) |
|
|
| 700 | oklch(0.666 0.076 115.25) | #929a63 | hsl(69, 22%, 50%) |
|
|
| 800 | oklch(0.533 0.060 115.27) | #6b7148 | hsl(69, 22%, 36%) |
|
|
| 900 | oklch(0.390 0.042 115.48) | #44482e | hsl(69, 22%, 23%) |
|
|
| 950 | oklch(0.233 0.020 116.38) | #1d1f14 | hsl(71, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
