Serene Vintage Color Palette
This palette exudes a serene, vintage charm with soft blush and creamy beige, grounded by earthy olive and deep slate, evoking a cozy, sophisticated retreat.
Practical uses and creative applications
The Serene Vintage Color Palette features a harmonious blend of soft hues and earthy tones, making it an ideal choice for designers looking to evoke a sense of nostalgia and tranquility. With its main colors#e4a691, #f7efd8, #c8c8a9, #556270, and #273142this palette can be beautifully utilized in branding projects that aim to convey warmth and authenticity.
Whether you’re crafting a logo for a boutique café or designing packaging for artisanal goods, the serene tones will resonate with audiences seeking comfort and connection. This versatile color palette is perfect for web design as well, creating inviting user experiences that encourage exploration and engagement.
The gentle contrasts between the muted tones lend themselves well to creating elegant and readable layouts, ideal for portfolios, blogs, or small business websites. Interior designers will also find the Serene Vintage Color Palette appealing for residential projects, where it can be used to create cozy living spaces or tranquil bedrooms that invite relaxation.
Targeting creatives, this palette speaks to those who appreciate the beauty of vintage aesthetics while still desiring modern functionality. Ideal for designers, artists, and anyone looking to infuse their work with a soothing yet sophisticated vibe, the Serene Vintage Color Palette is a perfect choice for capturing timeless elegance in a contemporary world.
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.917 0.028 40.19) | #f5ded6 | hsl(15, 61%, 90%) |
|
|
| 100 | oklch(0.890 0.038 40.54) | #f2d3c8 | hsl(16, 62%, 87%) |
|
|
| 200 | oklch(0.862 0.047 41.25) | #eec8ba | hsl(16, 60%, 83%) |
|
|
| 300 | oklch(0.833 0.058 38.44) | #ebbcad | hsl(15, 61%, 80%) |
|
|
| 400 | oklch(0.805 0.068 39.23) | #e7b19f | hsl(15, 60%, 76%) |
|
|
| 500 | oklch(0.779 0.080 39.51) | #e4a691 | hsl(15, 61%, 73%) |
|
|
| 600 | oklch(0.679 0.122 39.48) | #d77c5d | hsl(15, 60%, 60%) |
|
|
| 700 | oklch(0.587 0.150 38.96) | #c45630 | hsl(15, 61%, 48%) |
|
|
| 800 | oklch(0.470 0.117 39.08) | #903f23 | hsl(15, 61%, 35%) |
|
|
| 900 | oklch(0.348 0.083 38.25) | #5d2817 | hsl(15, 60%, 23%) |
|
|
| 950 | oklch(0.214 0.041 39.75) | #29120a | hsl(15, 61%, 10%) |
|
dsfds
| 50 | oklch(0.949 0.034 92.27) | #f6eed5 | hsl(45, 65%, 90%) |
|
|
| 100 | oklch(0.949 0.034 92.27) | #f6eed5 | hsl(45, 65%, 90%) |
|
|
| 200 | oklch(0.950 0.033 89.85) | #f7eed6 | hsl(44, 67%, 90%) |
|
|
| 300 | oklch(0.950 0.032 89.14) | #f7eed7 | hsl(43, 67%, 91%) |
|
|
| 400 | oklch(0.952 0.033 91.67) | #f7efd7 | hsl(45, 67%, 91%) |
|
|
| 500 | oklch(0.952 0.031 91.03) | #f7efd8 | hsl(45, 66%, 91%) |
|
|
| 600 | oklch(0.871 0.084 91.03) | #e9d394 | hsl(44, 66%, 75%) |
|
|
| 700 | oklch(0.792 0.128 89.99) | #dbb74f | hsl(45, 66%, 58%) |
|
|
| 800 | oklch(0.664 0.124 87.96) | #b38e25 | hsl(44, 66%, 42%) |
|
|
| 900 | oklch(0.471 0.086 88.37) | #6f5817 | hsl(44, 66%, 26%) |
|
|
| 950 | oklch(0.255 0.041 91.48) | #2a2209 | hsl(45, 65%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.015 106.68) | #ebebe0 | hsl(60, 22%, 90%) |
|
|
| 100 | oklch(0.915 0.020 106.79) | #e4e4d5 | hsl(60, 22%, 86%) |
|
|
| 200 | oklch(0.892 0.025 106.90) | #ddddca | hsl(60, 22%, 83%) |
|
|
| 300 | oklch(0.870 0.031 107.03) | #d6d6bf | hsl(60, 22%, 79%) |
|
|
| 400 | oklch(0.847 0.036 107.15) | #cfcfb4 | hsl(60, 22%, 76%) |
|
|
| 500 | oklch(0.825 0.042 107.29) | #c8c8a9 | hsl(60, 22%, 72%) |
|
|
| 600 | oklch(0.743 0.061 107.80) | #afaf82 | hsl(60, 22%, 60%) |
|
|
| 700 | oklch(0.650 0.073 108.26) | #93935e | hsl(60, 22%, 47%) |
|
|
| 800 | oklch(0.525 0.057 108.21) | #6d6d46 | hsl(60, 22%, 35%) |
|
|
| 900 | oklch(0.387 0.039 108.11) | #46462d | hsl(60, 22%, 23%) |
|
|
| 950 | oklch(0.236 0.020 107.84) | #1f1f14 | hsl(60, 22%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.006 255.48) | #e2e5e9 | hsl(214, 14%, 90%) |
|
|
| 100 | oklch(0.839 0.012 247.98) | #c4cbd2 | hsl(210, 13%, 80%) |
|
|
| 200 | oklch(0.755 0.020 248.09) | #a6b1bc | hsl(210, 14%, 69%) |
|
|
| 300 | oklch(0.668 0.027 252.00) | #8996a5 | hsl(212, 13%, 59%) |
|
|
| 400 | oklch(0.580 0.034 251.47) | #6c7c8e | hsl(212, 14%, 49%) |
|
|
| 500 | oklch(0.490 0.028 250.33) | #556270 | hsl(211, 14%, 39%) |
|
|
| 600 | oklch(0.437 0.024 250.66) | #48535f | hsl(211, 14%, 33%) |
|
|
| 700 | oklch(0.386 0.021 251.12) | #3c454f | hsl(212, 14%, 27%) |
|
|
| 800 | oklch(0.330 0.017 251.83) | #2f363e | hsl(212, 14%, 21%) |
|
|
| 900 | oklch(0.274 0.013 253.04) | #23282e | hsl(213, 14%, 16%) |
|
|
| 950 | oklch(0.212 0.009 255.61) | #16191d | hsl(214, 14%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.012 259.82) | #dfe4ec | hsl(217, 25%, 90%) |
|
|
| 100 | oklch(0.799 0.031 260.70) | #b2bed2 | hsl(218, 26%, 76%) |
|
|
| 200 | oklch(0.676 0.050 261.27) | #8698b7 | hsl(218, 25%, 62%) |
|
|
| 300 | oklch(0.553 0.068 261.24) | #5c739b | hsl(218, 26%, 48%) |
|
|
| 400 | oklch(0.437 0.053 260.88) | #41526f | hsl(218, 26%, 35%) |
|
|
| 500 | oklch(0.312 0.034 260.87) | #273142 | hsl(218, 26%, 21%) |
|
|
| 600 | oklch(0.292 0.030 260.50) | #232c3b | hsl(218, 26%, 18%) |
|
|
| 700 | oklch(0.271 0.027 260.00) | #1f2734 | hsl(217, 25%, 16%) |
|
|
| 800 | oklch(0.251 0.025 261.07) | #1b222e | hsl(218, 26%, 14%) |
|
|
| 900 | oklch(0.229 0.021 260.54) | #171d27 | hsl(218, 26%, 12%) |
|
|
| 950 | oklch(0.208 0.018 259.72) | #131820 | hsl(217, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
