Vintage Warm Color Palette
This palette blends muted charcoal with warm blush and soft caramel tones, evoking a cozy, inviting atmosphere infused with a touch of vintage charm.
Practical uses and creative applications
The Vintage Warm Color Palette features a harmonious blend of muted tones, including deep greys (#585d5d), soft pinks (#e06f72), and earthy beiges (#e4b17d). Ideal for designers looking to evoke nostalgia and warmth, this palette is perfect for branding projects that aim to convey a sense of timelessness and comfort.
Whether used in web design, packaging, or print materials, these colors can create a welcoming atmosphere that resonates with audiences seeking authenticity and a personal touch. This palette is particularly suited for creative industries such as artisanal goods, boutique hotels, and vintage-inspired products.
By incorporating the warm hues of the Vintage Warm Color Palette, brands can cultivate an inviting identity that stands out in a crowded market. Interior designers can also leverage these colors to craft cozy living spaces that encourage relaxation and connection, making it an ideal choice for homes, cafes, or co-working spaces aiming for a homely yet stylish vibe.
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.924 0.001 197.14) | #e5e6e6 | hsl(180, 2%, 90%) |
|
|
100 | oklch(0.840 0.003 197.09) | #c8cbcb | hsl(180, 3%, 79%) |
|
|
200 | oklch(0.754 0.005 197.06) | #acb0b0 | hsl(180, 2%, 68%) |
|
|
300 | oklch(0.665 0.007 196.99) | #8f9595 | hsl(180, 3%, 57%) |
|
|
400 | oklch(0.574 0.008 196.92) | #737a7a | hsl(180, 3%, 46%) |
|
|
500 | oklch(0.474 0.006 196.94) | #585d5d | hsl(180, 3%, 35%) |
|
|
600 | oklch(0.427 0.006 196.91) | #4b5050 | hsl(180, 3%, 30%) |
|
|
700 | oklch(0.376 0.004 196.99) | #3f4242 | hsl(180, 2%, 25%) |
|
|
800 | oklch(0.326 0.004 196.95) | #323535 | hsl(180, 3%, 20%) |
|
|
900 | oklch(0.274 0.004 196.90) | #252828 | hsl(180, 4%, 15%) |
|
|
950 | oklch(0.217 0.002 197.04) | #191a1a | hsl(180, 2%, 10%) |
|
dsfds
50 | oklch(0.901 0.037 15.78) | #f6d5d6 | hsl(358, 65%, 90%) |
|
|
100 | oklch(0.854 0.056 16.94) | #f2c1c2 | hsl(359, 65%, 85%) |
|
|
200 | oklch(0.806 0.077 16.86) | #edacae | hsl(358, 64%, 80%) |
|
|
300 | oklch(0.761 0.098 17.99) | #e9989a | hsl(359, 65%, 75%) |
|
|
400 | oklch(0.715 0.119 18.52) | #e48386 | hsl(358, 64%, 70%) |
|
|
500 | oklch(0.675 0.141 19.93) | #e06f72 | hsl(358, 65%, 66%) |
|
|
600 | oklch(0.591 0.187 23.57) | #d64044 | hsl(358, 65%, 55%) |
|
|
700 | oklch(0.509 0.179 25.15) | #b6272b | hsl(358, 65%, 43%) |
|
|
800 | oklch(0.411 0.141 24.71) | #871d20 | hsl(358, 65%, 32%) |
|
|
900 | oklch(0.310 0.101 23.97) | #591315 | hsl(358, 65%, 21%) |
|
|
950 | oklch(0.199 0.055 21.82) | #2a090a | hsl(358, 65%, 10%) |
|
dsfds
50 | oklch(0.922 0.030 49.45) | #f7e0d4 | hsl(21, 69%, 90%) |
|
|
100 | oklch(0.892 0.043 51.20) | #f4d4c2 | hsl(22, 69%, 86%) |
|
|
200 | oklch(0.860 0.057 50.30) | #f1c7b0 | hsl(21, 70%, 82%) |
|
|
300 | oklch(0.828 0.070 50.15) | #edba9e | hsl(21, 69%, 77%) |
|
|
400 | oklch(0.799 0.084 50.67) | #eaae8c | hsl(22, 69%, 73%) |
|
|
500 | oklch(0.768 0.099 49.90) | #e7a17a | hsl(21, 69%, 69%) |
|
|
600 | oklch(0.687 0.138 48.16) | #de7d47 | hsl(21, 70%, 57%) |
|
|
700 | oklch(0.597 0.149 45.95) | #c55d23 | hsl(21, 70%, 45%) |
|
|
800 | oklch(0.482 0.117 46.37) | #92451a | hsl(22, 70%, 34%) |
|
|
900 | oklch(0.358 0.082 47.58) | #5e2d11 | hsl(22, 69%, 22%) |
|
|
950 | oklch(0.222 0.043 47.27) | #2b1408 | hsl(21, 69%, 10%) |
|
dsfds
50 | oklch(0.933 0.029 69.16) | #f6e6d5 | hsl(31, 65%, 90%) |
|
|
100 | oklch(0.905 0.042 67.26) | #f3dbc3 | hsl(30, 67%, 86%) |
|
|
200 | oklch(0.878 0.053 67.96) | #efd1b2 | hsl(30, 66%, 82%) |
|
|
300 | oklch(0.849 0.066 67.50) | #ebc6a0 | hsl(30, 65%, 77%) |
|
|
400 | oklch(0.824 0.078 67.03) | #e8bc8f | hsl(30, 66%, 74%) |
|
|
500 | oklch(0.795 0.090 66.47) | #e4b17d | hsl(30, 66%, 69%) |
|
|
600 | oklch(0.721 0.123 63.96) | #da934b | hsl(30, 66%, 57%) |
|
|
700 | oklch(0.631 0.129 61.60) | #c07528 | hsl(30, 66%, 45%) |
|
|
800 | oklch(0.507 0.101 61.40) | #8e561e | hsl(30, 65%, 34%) |
|
|
900 | oklch(0.377 0.072 62.88) | #5c3813 | hsl(30, 66%, 22%) |
|
|
950 | oklch(0.234 0.038 65.77) | #2a1a09 | hsl(31, 65%, 10%) |
|
dsfds
50 | oklch(0.928 0.007 88.64) | #e9e7e2 | hsl(43, 14%, 90%) |
|
|
100 | oklch(0.911 0.009 78.28) | #e5e1db | hsl(36, 16%, 88%) |
|
|
200 | oklch(0.895 0.012 84.58) | #e0dcd4 | hsl(40, 16%, 85%) |
|
|
300 | oklch(0.878 0.013 82.40) | #dbd6cd | hsl(39, 16%, 83%) |
|
|
400 | oklch(0.862 0.015 84.59) | #d6d1c7 | hsl(40, 15%, 81%) |
|
|
500 | oklch(0.844 0.016 82.79) | #d1cbc0 | hsl(39, 16%, 79%) |
|
|
600 | oklch(0.741 0.027 84.59) | #b3aa98 | hsl(40, 15%, 65%) |
|
|
700 | oklch(0.632 0.040 82.05) | #96886f | hsl(38, 16%, 51%) |
|
|
800 | oklch(0.507 0.031 83.42) | #6e6451 | hsl(39, 15%, 37%) |
|
|
900 | oklch(0.371 0.022 81.15) | #463f33 | hsl(38, 16%, 24%) |
|
|
950 | oklch(0.223 0.010 88.80) | #1d1b16 | hsl(43, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.