Tranquil Vintage Color Palette
This palette exudes a tranquil yet moody sophistication, blending soft teal and deep charcoal with rich burgundy accents for a cozy, vintage-inspired atmosphere.
Practical uses and creative applications
The Tranquil Vintage Color Palette evokes a serene yet sophisticated ambiance, making it an ideal choice for designers looking to infuse a sense of nostalgia into their projects. With soft hues like #b9d7d9 and muted tones such as #668284, this palette is perfect for branding that aims to convey reliability and calmness.
Whether you’re creating a logo for a boutique, designing a website for a vintage shop, or crafting elegant packaging for artisanal products, these colors can enhance the aesthetic appeal while resonating with your target audience. This palette is particularly suited for creatives who appreciate a vintage aesthetic, including interior designers, graphic artists, and wedding planners.
The rich contrasts of #2a2829 and #493736 add depth, making it ideal for creating inviting interiors or sophisticated event themes. Additionally, the warm undertones of #7b3b3b can be used to accentuate key elements, ensuring your designs stand out while maintaining a tranquil vibe.
By utilizing the Tranquil Vintage Color Palette, you can achieve a harmonious blend of elegance and warmth that speaks to both modern sensibilities and classic charm.
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.933 0.015 202.05) | #deeced | hsl(184, 29%, 90%) |
|
|
| 100 | oklch(0.919 0.018 201.10) | #d7e8e9 | hsl(183, 29%, 88%) |
|
|
| 200 | oklch(0.904 0.022 200.24) | #cfe4e5 | hsl(183, 30%, 85%) |
|
|
| 300 | oklch(0.887 0.025 203.06) | #c8dfe1 | hsl(185, 29%, 83%) |
|
|
| 400 | oklch(0.872 0.029 202.08) | #c0dbdd | hsl(184, 30%, 81%) |
|
|
| 500 | oklch(0.858 0.032 201.50) | #b9d7d9 | hsl(184, 30%, 79%) |
|
|
| 600 | oklch(0.765 0.052 200.86) | #8cbdc0 | hsl(183, 29%, 65%) |
|
|
| 700 | oklch(0.672 0.070 201.64) | #5ea3a8 | hsl(184, 30%, 51%) |
|
|
| 800 | oklch(0.540 0.058 200.24) | #43797c | hsl(183, 30%, 37%) |
|
|
| 900 | oklch(0.393 0.039 203.15) | #2b4c4f | hsl(185, 30%, 24%) |
|
|
| 950 | oklch(0.231 0.019 201.58) | #122021 | hsl(184, 29%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.007 208.78) | #e2e8e9 | hsl(189, 14%, 90%) |
|
|
| 100 | oklch(0.862 0.012 203.46) | #c9d4d5 | hsl(185, 13%, 81%) |
|
|
| 200 | oklch(0.795 0.019 205.29) | #afc0c2 | hsl(186, 13%, 72%) |
|
|
| 300 | oklch(0.728 0.025 203.31) | #96acae | hsl(185, 13%, 64%) |
|
|
| 400 | oklch(0.660 0.030 201.98) | #7d989a | hsl(184, 13%, 55%) |
|
|
| 500 | oklch(0.586 0.032 201.72) | #668284 | hsl(184, 13%, 46%) |
|
|
| 600 | oklch(0.519 0.028 199.47) | #566e6f | hsl(182, 13%, 39%) |
|
|
| 700 | oklch(0.449 0.024 204.27) | #46595b | hsl(186, 13%, 32%) |
|
|
| 800 | oklch(0.378 0.019 201.39) | #364546 | hsl(184, 13%, 24%) |
|
|
| 900 | oklch(0.303 0.015 196.39) | #263131 | hsl(180, 13%, 17%) |
|
|
| 950 | oklch(0.221 0.009 208.75) | #161c1d | hsl(189, 14%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.002 325.59) | #e6e5e6 | hsl(300, 2%, 90%) |
|
|
| 100 | oklch(0.805 0.004 337.37) | #c1bec0 | hsl(320, 2%, 75%) |
|
|
| 200 | oklch(0.685 0.006 350.89) | #9d989a | hsl(336, 2%, 61%) |
|
|
| 300 | oklch(0.557 0.007 350.97) | #777274 | hsl(336, 2%, 46%) |
|
|
| 400 | oklch(0.425 0.006 345.52) | #514d4f | hsl(330, 3%, 31%) |
|
|
| 500 | oklch(0.279 0.003 345.46) | #2a2829 | hsl(330, 2%, 16%) |
|
|
| 600 | oklch(0.267 0.003 345.48) | #272526 | hsl(330, 3%, 15%) |
|
|
| 700 | oklch(0.255 0.004 345.50) | #242223 | hsl(330, 3%, 14%) |
|
|
| 800 | oklch(0.241 0.002 325.65) | #201f20 | hsl(300, 2%, 12%) |
|
|
| 900 | oklch(0.228 0.002 325.66) | #1d1c1d | hsl(300, 2%, 11%) |
|
|
| 950 | oklch(0.215 0.002 325.66) | #1a191a | hsl(300, 2%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.008 17.30) | #e9e2e2 | hsl(0, 14%, 90%) |
|
|
| 100 | oklch(0.809 0.019 17.56) | #cdbcbc | hsl(0, 15%, 77%) |
|
|
| 200 | oklch(0.699 0.031 23.14) | #b19795 | hsl(4, 15%, 64%) |
|
|
| 300 | oklch(0.584 0.046 22.22) | #95716f | hsl(3, 15%, 51%) |
|
|
| 400 | oklch(0.473 0.036 23.40) | #6f5452 | hsl(4, 15%, 38%) |
|
|
| 500 | oklch(0.356 0.026 22.13) | #493736 | hsl(3, 15%, 25%) |
|
|
| 600 | oklch(0.327 0.023 18.42) | #403030 | hsl(0, 14%, 22%) |
|
|
| 700 | oklch(0.301 0.021 23.13) | #382a29 | hsl(4, 15%, 19%) |
|
|
| 800 | oklch(0.270 0.018 18.35) | #2f2323 | hsl(0, 15%, 16%) |
|
|
| 900 | oklch(0.241 0.014 25.58) | #261d1c | hsl(6, 15%, 13%) |
|
|
| 950 | oklch(0.209 0.011 18.10) | #1d1616 | hsl(0, 14%, 10%) |
|
dsfds
| 50 | oklch(0.911 0.019 17.50) | #eedddd | hsl(0, 33%, 90%) |
|
|
| 100 | oklch(0.813 0.044 18.09) | #ddb7b7 | hsl(0, 36%, 79%) |
|
|
| 200 | oklch(0.715 0.069 18.92) | #cb9292 | hsl(0, 35%, 68%) |
|
|
| 300 | oklch(0.617 0.098 20.28) | #b96c6c | hsl(0, 35%, 57%) |
|
|
| 400 | oklch(0.524 0.111 21.58) | #a04d4d | hsl(0, 35%, 46%) |
|
|
| 500 | oklch(0.435 0.089 21.43) | #7b3b3b | hsl(0, 35%, 36%) |
|
|
| 600 | oklch(0.392 0.077 21.22) | #693333 | hsl(0, 35%, 31%) |
|
|
| 700 | oklch(0.347 0.068 21.18) | #582a2a | hsl(0, 35%, 25%) |
|
|
| 800 | oklch(0.301 0.055 20.85) | #462222 | hsl(0, 35%, 20%) |
|
|
| 900 | oklch(0.252 0.043 20.58) | #341919 | hsl(0, 35%, 15%) |
|
|
| 950 | oklch(0.202 0.029 19.88) | #221111 | hsl(0, 33%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
