Warm Vintage Color Palette
This palette exudes a warm, vintage elegance with soft beige, creamy ivory, and deep burgundy accents, evoking a cozy, romantic atmosphere with a touch of dramatic intrigue.
Practical uses and creative applications
The Warm Vintage Color Palette offers a rich blend of muted tones that evoke a sense of nostalgia and timeless elegance, making it an ideal choice for designers looking to create a warm, inviting atmosphere. Comprising soft beige (#c5b89f), creamy yellow (#feffd4), deep maroon (#9e2d4a), dark burgundy (#450b1e), and almost black (#21000f), this palette is perfect for branding projects that seek to convey sophistication and a touch of retro charm.
Whether you're designing a logo for a boutique, revamping a café's interior, or creating packaging for artisanal products, these colors will help you tell a story that resonates with your audience. Ideal for creatives in fields such as web design, interior decor, or product packaging, the Warm Vintage Color Palette strikes a balance between modern aesthetics and classic warmth.
Its earth-toned hues are particularly suited for brands that wish to emphasize sustainability or artisanal craftsmanship, appealing to an audience that values authenticity and tradition. Utilize this palette to create engaging visual experiences that transport viewers to a different era, perfect for vintage-inspired websites, cozy restaurant interiors, or elegant stationery designs that capture the essence of a bygone time.
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.930 0.012 79.78) | #ece7df | hsl(37, 25%, 90%) |
|
|
| 100 | oklch(0.902 0.017 84.59) | #e4ded2 | hsl(40, 25%, 86%) |
|
|
| 200 | oklch(0.872 0.021 81.78) | #dcd4c6 | hsl(38, 24%, 82%) |
|
|
| 300 | oklch(0.845 0.027 82.38) | #d5cbb9 | hsl(39, 25%, 78%) |
|
|
| 400 | oklch(0.815 0.032 81.73) | #cdc1ac | hsl(38, 25%, 74%) |
|
|
| 500 | oklch(0.787 0.037 83.75) | #c5b89f | hsl(39, 25%, 70%) |
|
|
| 600 | oklch(0.700 0.053 83.83) | #ae9c79 | hsl(40, 25%, 58%) |
|
|
| 700 | oklch(0.602 0.059 83.06) | #927e58 | hsl(39, 25%, 46%) |
|
|
| 800 | oklch(0.486 0.046 82.71) | #6c5d41 | hsl(39, 25%, 34%) |
|
|
| 900 | oklch(0.361 0.032 81.96) | #463c2a | hsl(39, 25%, 22%) |
|
|
| 950 | oklch(0.225 0.017 79.37) | #201b13 | hsl(37, 25%, 10%) |
|
dsfds
| 50 | oklch(0.987 0.065 108.47) | #feffcc | hsl(61, 100%, 90%) |
|
|
| 100 | oklch(0.987 0.063 108.47) | #feffce | hsl(61, 100%, 90%) |
|
|
| 200 | oklch(0.987 0.062 108.46) | #feffcf | hsl(61, 100%, 91%) |
|
|
| 300 | oklch(0.988 0.059 108.46) | #feffd1 | hsl(61, 100%, 91%) |
|
|
| 400 | oklch(0.988 0.058 108.46) | #feffd2 | hsl(61, 100%, 91%) |
|
|
| 500 | oklch(0.988 0.055 108.47) | #feffd4 | hsl(61, 100%, 92%) |
|
|
| 600 | oklch(0.973 0.149 110.10) | #fcff81 | hsl(61, 100%, 75%) |
|
|
| 700 | oklch(0.965 0.203 111.16) | #faff2e | hsl(61, 100%, 59%) |
|
|
| 800 | oklch(0.853 0.188 111.46) | #d4d900 | hsl(61, 100%, 43%) |
|
|
| 900 | oklch(0.598 0.132 111.35) | #838600 | hsl(61, 100%, 26%) |
|
|
| 950 | oklch(0.310 0.068 110.97) | #323300 | hsl(61, 100%, 10%) |
|
dsfds
| 50 | oklch(0.905 0.034 359.24) | #f4d7df | hsl(343, 57%, 90%) |
|
|
| 100 | oklch(0.811 0.069 1.34) | #e8afbe | hsl(344, 55%, 80%) |
|
|
| 200 | oklch(0.721 0.107 3.35) | #dd889e | hsl(344, 56%, 70%) |
|
|
| 300 | oklch(0.636 0.146 6.21) | #d2607d | hsl(345, 56%, 60%) |
|
|
| 400 | oklch(0.562 0.179 9.78) | #c6385d | hsl(344, 56%, 50%) |
|
|
| 500 | oklch(0.478 0.149 9.66) | #9e2d4a | hsl(345, 56%, 40%) |
|
|
| 600 | oklch(0.425 0.131 9.18) | #86263f | hsl(344, 56%, 34%) |
|
|
| 700 | oklch(0.374 0.112 9.19) | #6f2034 | hsl(345, 55%, 28%) |
|
|
| 800 | oklch(0.318 0.092 8.40) | #571929 | hsl(345, 55%, 22%) |
|
|
| 900 | oklch(0.260 0.071 7.10) | #3f121e | hsl(344, 56%, 16%) |
|
|
| 950 | oklch(0.201 0.050 5.43) | #280b13 | hsl(343, 57%, 10%) |
|
dsfds
| 50 | oklch(0.901 0.044 356.51) | #f8d3df | hsl(341, 73%, 90%) |
|
|
| 100 | oklch(0.763 0.116 359.21) | #ee92b0 | hsl(340, 73%, 75%) |
|
|
| 200 | oklch(0.642 0.186 3.88) | #e35080 | hsl(340, 72%, 60%) |
|
|
| 300 | oklch(0.545 0.201 9.11) | #c82057 | hsl(340, 72%, 45%) |
|
|
| 400 | oklch(0.409 0.147 8.34) | #86153a | hsl(340, 73%, 30%) |
|
|
| 500 | oklch(0.263 0.088 6.23) | #450b1e | hsl(340, 73%, 16%) |
|
|
| 600 | oklch(0.251 0.083 5.66) | #400a1c | hsl(340, 73%, 15%) |
|
|
| 700 | oklch(0.239 0.078 4.98) | #3b091a | hsl(340, 74%, 13%) |
|
|
| 800 | oklch(0.228 0.072 6.22) | #360917 | hsl(341, 71%, 12%) |
|
|
| 900 | oklch(0.215 0.067 5.46) | #310815 | hsl(341, 72%, 11%) |
|
|
| 950 | oklch(0.202 0.062 4.50) | #2c0713 | hsl(341, 73%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.064 349.63) | #ffcce3 | hsl(333, 100%, 90%) |
|
|
| 100 | oklch(0.746 0.177 353.68) | #ff77b5 | hsl(333, 100%, 73%) |
|
|
| 200 | oklch(0.656 0.251 1.60) | #ff2286 | hsl(333, 100%, 57%) |
|
|
| 300 | oklch(0.541 0.217 5.78) | #cb005c | hsl(333, 100%, 40%) |
|
|
| 400 | oklch(0.365 0.147 3.54) | #760036 | hsl(333, 100%, 23%) |
|
|
| 500 | oklch(0.162 0.066 355.05) | #21000f | hsl(333, 100%, 6%) |
|
|
| 600 | oklch(0.172 0.071 355.80) | #250011 | hsl(332, 100%, 7%) |
|
|
| 700 | oklch(0.180 0.074 357.05) | #280012 | hsl(333, 100%, 8%) |
|
|
| 800 | oklch(0.191 0.078 357.58) | #2c0014 | hsl(333, 100%, 9%) |
|
|
| 900 | oklch(0.199 0.081 357.26) | #2f0016 | hsl(332, 100%, 9%) |
|
|
| 950 | oklch(0.208 0.085 359.00) | #330017 | hsl(333, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
