Cozy Vintage Color Palette

This palette exudes a cozy, muted elegance with warm taupe, deep mauve, and smoky lavender, evoking a sense of vintage charm and tranquil sophistication.

vintage dark fall
#d1b68d
#87555c
#492d49
#51445f
#5a5c75

Practical uses and creative applications

The Cozy Vintage Color Palette is a delightful blend of warm and muted tones, perfect for evoking a sense of nostalgia and comfort. Featuring soft hues like #d1b68d, a gentle beige, and rich shades such as #87555c, a deep mauve, this palette is ideal for those looking to create a welcoming atmosphere.

Designers can utilize these colors in branding to reflect a timeless elegance, making them particularly suited for businesses like cafés, boutique shops, or artisanal brands that want to convey a homey, vintage charm. In web design, the Cozy Vintage Color Palette can be used to enhance user experience, creating a soothing interface that invites exploration.

The darker shades, like #51445f and #492d49, provide excellent contrast for text, while the lighter tones can be used for backgrounds and accents. This makes it a great choice for creatives focusing on lifestyle blogs, interior design websites, or online stores that specialize in handcrafted goods.

The palette also shines in packaging design, where its warm, earthy tones can evoke feelings of trust and warmth, appealing to an audience that appreciates authenticity and craftsmanship. For interior designers, the Cozy Vintage Color Palette is an excellent choice to bring warmth and character into any space.

Whether it’s for a rustic living room or a quaint dining area, these colors can create an inviting environment that feels both stylish and comforting. The palette is perfect for creatives looking to capture the essence of vintage charm while appealing to modern sensibilities, making it an ideal choice for those who value the beauty of the past in their designs.

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.934 0.019 80.12) #f0e8db hsl(37, 41%, 90%)
100 oklch(0.905 0.029 79.47) #eadecb hsl(37, 42%, 86%)
200 oklch(0.877 0.037 78.10) #e4d4bc hsl(36, 43%, 82%)
300 oklch(0.848 0.046 78.00) #decaac hsl(36, 43%, 77%)
400 oklch(0.818 0.054 78.23) #d7c09d hsl(36, 42%, 73%)
500 oklch(0.789 0.063 78.00) #d1b68d hsl(36, 43%, 69%)
600 oklch(0.711 0.087 77.47) #c09b62 hsl(36, 43%, 57%)
700 oklch(0.615 0.091 76.04) #a47d42 hsl(36, 43%, 45%)
800 oklch(0.498 0.072 76.28) #7a5d31 hsl(36, 43%, 34%)
900 oklch(0.370 0.050 75.86) #4f3c20 hsl(36, 42%, 22%)
950 oklch(0.232 0.026 79.08) #241c0f hsl(37, 41%, 10%)

dsfds

50 oklch(0.916 0.012 11.01) #ebe0e1 hsl(355, 22%, 90%)
100 oklch(0.834 0.027 5.78) #d9c2c6 hsl(350, 23%, 81%)
200 oklch(0.753 0.039 7.79) #c6a5aa hsl(351, 22%, 71%)
300 oklch(0.671 0.054 9.52) #b4888e hsl(352, 23%, 62%)
400 oklch(0.585 0.071 9.96) #a16a72 hsl(351, 23%, 52%)
500 oklch(0.507 0.067 10.60) #87555c hsl(352, 23%, 43%)
600 oklch(0.451 0.058 10.32) #72484e hsl(351, 23%, 36%)
700 oklch(0.395 0.050 10.26) #5e3b40 hsl(351, 23%, 30%)
800 oklch(0.335 0.040 9.74) #492e32 hsl(351, 23%, 23%)
900 oklch(0.272 0.030 12.26) #342123 hsl(354, 22%, 17%)
950 oklch(0.206 0.018 12.72) #1f1415 hsl(355, 22%, 10%)

dsfds

50 oklch(0.918 0.022 325.76) #ecdfec hsl(300, 25%, 90%)
100 oklch(0.807 0.051 326.04) #d2b5d2 hsl(300, 24%, 77%)
200 oklch(0.695 0.082 326.42) #b88bb8 hsl(300, 24%, 63%)
300 oklch(0.580 0.113 326.91) #9d619d hsl(300, 24%, 50%)
400 oklch(0.465 0.087 326.87) #734773 hsl(300, 24%, 36%)
500 oklch(0.343 0.060 326.79) #492d49 hsl(300, 24%, 23%)
600 oklch(0.318 0.055 326.77) #412841 hsl(300, 24%, 21%)
700 oklch(0.291 0.047 326.70) #382338 hsl(300, 23%, 18%)
800 oklch(0.266 0.042 326.67) #301e30 hsl(300, 23%, 15%)
900 oklch(0.239 0.036 326.62) #281928 hsl(300, 23%, 13%)
950 oklch(0.210 0.032 326.64) #201320 hsl(300, 25%, 10%)

dsfds

50 oklch(0.915 0.013 306.02) #e5e1ea hsl(267, 18%, 90%)
100 oklch(0.817 0.027 308.10) #c8bfd1 hsl(270, 16%, 78%)
200 oklch(0.714 0.043 307.79) #aa9cb8 hsl(270, 16%, 67%)
300 oklch(0.610 0.060 306.21) #8c7aa0 hsl(268, 17%, 55%)
400 oklch(0.509 0.061 305.31) #6e5d82 hsl(268, 17%, 44%)
500 oklch(0.411 0.047 306.36) #51445f hsl(269, 17%, 32%)
600 oklch(0.373 0.041 306.27) #463b52 hsl(269, 16%, 28%)
700 oklch(0.332 0.037 307.22) #3b3145 hsl(270, 17%, 23%)
800 oklch(0.293 0.031 307.30) #302838 hsl(270, 17%, 19%)
900 oklch(0.250 0.023 303.74) #241f2b hsl(265, 16%, 15%)
950 oklch(0.205 0.019 305.02) #19151e hsl(267, 18%, 10%)

dsfds

50 oklch(0.917 0.008 278.63) #e2e3e9 hsl(231, 14%, 90%)
100 oklch(0.833 0.017 282.22) #c6c7d3 hsl(235, 13%, 80%)
200 oklch(0.745 0.026 280.71) #a9abbd hsl(234, 13%, 70%)
300 oklch(0.657 0.036 281.60) #8d8fa7 hsl(235, 13%, 60%)
400 oklch(0.564 0.046 280.33) #707391 hsl(235, 13%, 50%)
500 oklch(0.483 0.040 281.20) #5a5c75 hsl(236, 13%, 41%)
600 oklch(0.430 0.035 280.57) #4c4e63 hsl(235, 13%, 34%)
700 oklch(0.378 0.031 282.33) #3f4052 hsl(237, 13%, 28%)
800 oklch(0.322 0.025 281.70) #313240 hsl(236, 13%, 22%)
900 oklch(0.267 0.017 280.20) #24252e hsl(234, 12%, 16%)
950 oklch(0.206 0.012 277.83) #16171d hsl(231, 14%, 10%)

Related palettes

Discover more palettes with a similar mood and vibe or Browse our collection.

#413E4A
#73626E
#B38184
#F0B49E
#F7E4BE
#EFE2D7
#DCD1C3
#D9C1B1
#7A6E7F
#645868
#b9d7d9
#668284
#2a2829
#493736
#7b3b3b
#413040
#6c6368
#b9a173
#eaa353
#ffefa9
#cb6f84
#291d21
#5d544d
#cfccbb
#e1daca
#2a1e1e
#503850
#aa6581
#f99fa9
#ffc5c1
#801245
#f4f4dd
#dcdbaf
#5d5c49
#3d3d34
#0e0036
#4c264b
#a04f62
#d2a391
#e6d7b8
#5F4E4D
#816362
#917574
#F0E7D9
#FEF8EB
© 2025 KColor. All rights reserved. 1.11.0