Dramatic Color Palette for Vintage Vibes
This palette evokes a dramatic, moody atmosphere with deep burgundy and jet black grounding vibrant pops of fiery red, muted olive, and soft beige, creating a stylish contrast between intensity and warmth.
Practical uses and creative applications
The 'Dramatic Color Palette for Vintage Vibes' is a captivating collection that brings a sense of nostalgia and boldness to any design project. Featuring deep hues like #423431 and #050000, coupled with striking accents of #f70b17 and earthy tones like #9a8c29, this palette is perfect for creatives looking to evoke a rich, vintage atmosphere.
Whether you're crafting a branding identity for a retro-themed café or designing a website that tells a story of the past, these colors can help you create a visually stunning narrative that resonates with your audience. Ideal for designers and creatives in fields such as web design, packaging, and interior decor, this palette sets the stage for an inviting and dramatic aesthetic.
Imagine using these colors in a vintage-inspired logo or on product packaging that seeks to convey warmth and authenticity. The soft beige of #e7cba4 adds a touch of playfulness, balancing the darker shades while enhancing the overall vintage feel.
This palette is particularly suited for brands targeting audiences who appreciate a blend of nostalgia and modernity, making it a versatile choice for various creative projects.
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.920 0.007 28.84) | #e9e3e2 | hsl(9, 14%, 90%) |
|
|
| 100 | oklch(0.810 0.018 31.10) | #ccbdba | hsl(10, 15%, 76%) |
|
|
| 200 | oklch(0.699 0.028 32.28) | #af9893 | hsl(11, 15%, 63%) |
|
|
| 300 | oklch(0.581 0.040 30.95) | #91726c | hsl(10, 15%, 50%) |
|
|
| 400 | oklch(0.463 0.031 33.00) | #69534e | hsl(11, 15%, 36%) |
|
|
| 500 | oklch(0.339 0.021 32.18) | #423431 | hsl(11, 15%, 23%) |
|
|
| 600 | oklch(0.315 0.020 28.38) | #3b2e2c | hsl(8, 15%, 20%) |
|
|
| 700 | oklch(0.289 0.017 30.13) | #332826 | hsl(9, 15%, 17%) |
|
|
| 800 | oklch(0.266 0.014 32.63) | #2c2321 | hsl(11, 14%, 15%) |
|
|
| 900 | oklch(0.240 0.013 34.35) | #251d1b | hsl(12, 16%, 13%) |
|
|
| 950 | oklch(0.211 0.010 29.07) | #1d1716 | hsl(9, 14%, 10%) |
|
dsfds
| 50 | oklch(0.893 0.053 15.32) | #fdced0 | hsl(357, 92%, 90%) |
|
|
| 100 | oklch(0.813 0.101 16.44) | #fca7ab | hsl(357, 93%, 82%) |
|
|
| 200 | oklch(0.740 0.150 18.38) | #fb8086 | hsl(357, 94%, 74%) |
|
|
| 300 | oklch(0.681 0.196 21.20) | #fa5961 | hsl(357, 94%, 66%) |
|
|
| 400 | oklch(0.637 0.231 24.71) | #f8323c | hsl(357, 93%, 58%) |
|
|
| 500 | oklch(0.616 0.249 27.95) | #f70b17 | hsl(357, 94%, 51%) |
|
|
| 600 | oklch(0.545 0.220 28.01) | #d20711 | hsl(357, 94%, 43%) |
|
|
| 700 | oklch(0.466 0.187 27.74) | #aa060e | hsl(357, 93%, 35%) |
|
|
| 800 | oklch(0.384 0.154 27.13) | #82040b | hsl(357, 94%, 26%) |
|
|
| 900 | oklch(0.295 0.116 26.45) | #590307 | hsl(357, 93%, 18%) |
|
|
| 950 | oklch(0.201 0.076 24.59) | #310204 | hsl(357, 92%, 10%) |
|
dsfds
| 50 | oklch(0.890 0.058 18.30) | #ffcccc | hsl(0, 100%, 90%) |
|
|
| 100 | oklch(0.721 0.174 22.44) | #ff7171 | hsl(0, 100%, 72%) |
|
|
| 200 | oklch(0.633 0.252 28.60) | #ff1616 | hsl(0, 100%, 54%) |
|
|
| 300 | oklch(0.497 0.204 29.23) | #bb0000 | hsl(0, 100%, 37%) |
|
|
| 400 | oklch(0.307 0.126 29.23) | #600000 | hsl(0, 100%, 19%) |
|
|
| 500 | oklch(0.072 0.030 29.23) | #050000 | hsl(0, 100%, 1%) |
|
|
| 600 | oklch(0.103 0.042 29.23) | #0e0000 | hsl(0, 100%, 3%) |
|
|
| 700 | oklch(0.128 0.053 29.23) | #170000 | hsl(0, 100%, 5%) |
|
|
| 800 | oklch(0.156 0.064 29.23) | #210000 | hsl(0, 100%, 6%) |
|
|
| 900 | oklch(0.179 0.073 29.23) | #2a0000 | hsl(0, 100%, 8%) |
|
|
| 950 | oklch(0.202 0.083 29.23) | #330000 | hsl(0, 100%, 10%) |
|
dsfds
| 50 | oklch(0.954 0.034 101.63) | #f4f1d7 | hsl(54, 57%, 90%) |
|
|
| 100 | oklch(0.905 0.069 101.36) | #e9e2ad | hsl(53, 58%, 80%) |
|
|
| 200 | oklch(0.858 0.102 101.46) | #ded383 | hsl(53, 58%, 69%) |
|
|
| 300 | oklch(0.812 0.128 101.33) | #d3c45a | hsl(53, 58%, 59%) |
|
|
| 400 | oklch(0.757 0.141 100.88) | #c4b234 | hsl(53, 58%, 49%) |
|
|
| 500 | oklch(0.634 0.117 101.02) | #9a8c29 | hsl(53, 58%, 38%) |
|
|
| 600 | oklch(0.564 0.103 100.98) | #837723 | hsl(53, 58%, 33%) |
|
|
| 700 | oklch(0.495 0.089 101.02) | #6d631d | hsl(53, 58%, 27%) |
|
|
| 800 | oklch(0.420 0.074 100.93) | #564e17 | hsl(52, 58%, 21%) |
|
|
| 900 | oklch(0.342 0.058 100.76) | #3f3911 | hsl(52, 58%, 16%) |
|
|
| 950 | oklch(0.261 0.042 102.76) | #28250b | hsl(54, 57%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.026 76.79) | #f4e8d7 | hsl(35, 57%, 90%) |
|
|
| 100 | oklch(0.920 0.033 74.79) | #f2e2cd | hsl(34, 59%, 88%) |
|
|
| 200 | oklch(0.903 0.040 75.78) | #efdcc2 | hsl(35, 58%, 85%) |
|
|
| 300 | oklch(0.888 0.047 77.61) | #ecd7b8 | hsl(36, 58%, 82%) |
|
|
| 400 | oklch(0.873 0.054 76.17) | #ead1ae | hsl(35, 59%, 80%) |
|
|
| 500 | oklch(0.856 0.060 75.93) | #e7cba4 | hsl(35, 58%, 77%) |
|
|
| 600 | oklch(0.772 0.095 74.49) | #d9ac6e | hsl(35, 58%, 64%) |
|
|
| 700 | oklch(0.689 0.124 71.96) | #ca8d37 | hsl(35, 58%, 50%) |
|
|
| 800 | oklch(0.550 0.099 71.72) | #956727 | hsl(35, 59%, 37%) |
|
|
| 900 | oklch(0.403 0.069 72.81) | #5f4219 | hsl(35, 58%, 24%) |
|
|
| 950 | oklch(0.237 0.034 74.46) | #281c0b | hsl(35, 57%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
