Vintage Warmth Color Palette
This palette exudes a bold, vintage charm with deep crimson and earthy terracotta, softened by creamy beige and muted sage, all wrapped in a rich plum undertone, creating a warm, eclectic vibe.
Practical uses and creative applications
The Vintage Warmth Color Palette seamlessly blends rich, earthy tones to evoke a sense of nostalgia and comfort. Comprising deep reds (#9f0a28), warm oranges (#d55c2b), soft creams (#f6e7d3), muted greens (#89a46f), and rich browns (#55203c), this palette is perfect for branding projects that aim to convey warmth and authenticity.
Whether you are designing a cozy café logo, creating vintage-inspired packaging, or crafting an inviting website, these colors can infuse your work with a timeless appeal that resonates with audiences seeking familiarity and charm. Ideal for designers and creatives working in sectors like artisanal goods, home decor, or lifestyle brands, the Vintage Warmth Color Palette sets a tone of relaxation and approachability.
Its rich hues are particularly suited for interior design projects, where they can create a welcoming atmosphere in residential or commercial spaces. By utilizing this palette, you can transform any space or brand identity into one that feels both stylishly retro and comfortably modern, striking the perfect balance to 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.896 0.052 4.72) | #fccfd8 | hsl(348, 88%, 90%) |
|
|
100 | oklch(0.785 0.118 6.81) | #f998ac | hsl(348, 89%, 79%) |
|
|
200 | oklch(0.690 0.181 10.71) | #f56280 | hsl(348, 88%, 67%) |
|
|
300 | oklch(0.625 0.229 17.14) | #f22b53 | hsl(348, 88%, 56%) |
|
|
400 | oklch(0.557 0.219 20.91) | #d60d36 | hsl(348, 89%, 45%) |
|
|
500 | oklch(0.448 0.175 20.26) | #9f0a28 | hsl(348, 88%, 33%) |
|
|
600 | oklch(0.403 0.156 20.08) | #890922 | hsl(348, 88%, 29%) |
|
|
700 | oklch(0.356 0.137 19.15) | #73071d | hsl(348, 89%, 24%) |
|
|
800 | oklch(0.306 0.116 18.45) | #5c0617 | hsl(348, 88%, 19%) |
|
|
900 | oklch(0.255 0.095 16.27) | #460412 | hsl(347, 89%, 15%) |
|
|
950 | oklch(0.202 0.073 14.13) | #30030c | hsl(348, 88%, 10%) |
|
dsfds
50 | oklch(0.918 0.031 43.12) | #f7ded4 | hsl(17, 69%, 90%) |
|
|
100 | oklch(0.854 0.056 42.19) | #f0c4b3 | hsl(17, 67%, 82%) |
|
|
200 | oklch(0.791 0.082 42.57) | #e9aa91 | hsl(17, 67%, 74%) |
|
|
300 | oklch(0.730 0.110 42.59) | #e2906f | hsl(17, 66%, 66%) |
|
|
400 | oklch(0.673 0.139 42.00) | #dc764d | hsl(17, 67%, 58%) |
|
|
500 | oklch(0.620 0.165 40.75) | #d55c2b | hsl(17, 67%, 50%) |
|
|
600 | oklch(0.546 0.143 40.75) | #b34d24 | hsl(17, 67%, 42%) |
|
|
700 | oklch(0.470 0.121 40.74) | #913e1d | hsl(17, 67%, 34%) |
|
|
800 | oklch(0.391 0.097 41.54) | #6f3016 | hsl(18, 67%, 26%) |
|
|
900 | oklch(0.307 0.072 41.74) | #4d210f | hsl(17, 67%, 18%) |
|
|
950 | oklch(0.217 0.045 42.11) | #2b1208 | hsl(17, 69%, 10%) |
|
dsfds
50 | oklch(0.937 0.029 75.68) | #f6e8d5 | hsl(35, 65%, 90%) |
|
|
100 | oklch(0.937 0.031 76.97) | #f6e8d4 | hsl(35, 65%, 90%) |
|
|
200 | oklch(0.937 0.031 76.97) | #f6e8d4 | hsl(35, 65%, 90%) |
|
|
300 | oklch(0.935 0.030 73.89) | #f6e7d4 | hsl(34, 65%, 90%) |
|
|
400 | oklch(0.935 0.031 75.21) | #f6e7d3 | hsl(34, 66%, 90%) |
|
|
500 | oklch(0.935 0.031 75.21) | #f6e7d3 | hsl(34, 66%, 90%) |
|
|
600 | oklch(0.835 0.078 74.03) | #e8c290 | hsl(34, 66%, 74%) |
|
|
700 | oklch(0.739 0.121 71.61) | #da9d4c | hsl(34, 66%, 58%) |
|
|
800 | oklch(0.612 0.119 69.34) | #b17524 | hsl(34, 66%, 42%) |
|
|
900 | oklch(0.435 0.082 69.36) | #6e4816 | hsl(34, 67%, 26%) |
|
|
950 | oklch(0.239 0.038 72.62) | #2a1c09 | hsl(35, 65%, 10%) |
|
dsfds
50 | oklch(0.932 0.016 130.42) | #e5ebe0 | hsl(93, 22%, 90%) |
|
|
100 | oklch(0.884 0.029 128.83) | #d3ddc9 | hsl(90, 23%, 83%) |
|
|
200 | oklch(0.835 0.042 130.38) | #c0cfb3 | hsl(92, 23%, 76%) |
|
|
300 | oklch(0.786 0.055 129.78) | #aec19c | hsl(91, 23%, 68%) |
|
|
400 | oklch(0.734 0.066 130.36) | #9bb286 | hsl(91, 22%, 61%) |
|
|
500 | oklch(0.684 0.080 130.22) | #89a46f | hsl(91, 23%, 54%) |
|
|
600 | oklch(0.610 0.080 130.09) | #738d59 | hsl(90, 23%, 45%) |
|
|
700 | oklch(0.523 0.068 130.90) | #5c7248 | hsl(91, 23%, 36%) |
|
|
800 | oklch(0.430 0.054 130.01) | #465636 | hsl(90, 23%, 27%) |
|
|
900 | oklch(0.336 0.040 129.90) | #303b25 | hsl(90, 23%, 19%) |
|
|
950 | oklch(0.229 0.022 131.26) | #191f14 | hsl(93, 22%, 10%) |
|
dsfds
50 | oklch(0.911 0.030 344.84) | #f1dae6 | hsl(329, 45%, 90%) |
|
|
100 | oklch(0.790 0.074 345.45) | #dea8c5 | hsl(328, 45%, 76%) |
|
|
200 | oklch(0.675 0.119 347.77) | #cc77a4 | hsl(328, 45%, 63%) |
|
|
300 | oklch(0.565 0.162 350.62) | #b84582 | hsl(328, 45%, 50%) |
|
|
400 | oklch(0.453 0.125 350.71) | #87335f | hsl(329, 45%, 36%) |
|
|
500 | oklch(0.332 0.086 349.97) | #55203c | hsl(328, 45%, 23%) |
|
|
600 | oklch(0.306 0.078 349.64) | #4b1c35 | hsl(328, 46%, 20%) |
|
|
700 | oklch(0.283 0.069 350.52) | #42192e | hsl(329, 45%, 18%) |
|
|
800 | oklch(0.256 0.062 348.59) | #381528 | hsl(327, 45%, 15%) |
|
|
900 | oklch(0.232 0.052 349.65) | #2f1221 | hsl(329, 45%, 13%) |
|
|
950 | oklch(0.204 0.043 349.03) | #250e1a | hsl(329, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.