Serene Vintage Color Palette
This palette exudes a serene yet vibrant charm, blending deep slate blues with soft buttery yellows, warm earthy tans, a bold crimson accent, and a rich teal backdrop, creating an inviting and harmonious atmosphere perfect for a cozy retreat.
Practical uses and creative applications
The Serene Vintage Color Palette is a harmonious blend of muted tones that evokes a sense of nostalgia and tranquility. Featuring deep slate blue (#48586f), soft pastel yellow (#ffffc0), warm beige (#d6c496), rich crimson (#d62e2e), and an elegant dark teal (#283d3e), this palette is ideal for creatives seeking to infuse their projects with a calming yet sophisticated vibe.
Its vintage charm makes it perfect for branding efforts that aim to convey reliability and warmth, particularly in industries such as wellness, artisanal crafts, and boutique retail. Designers can harness the Serene Vintage Color Palette in various applications, from web design to packaging and interiors.
For web design, these colors work beautifully to create a soothing user experience, while in branding, they can help establish a strong visual identity that resonates with target audiences. In interiors, the palette can be used to create cozy, inviting spaces that blend modern aesthetics with timeless elegance.
Whether you're a graphic designer, interior decorator, or product packaging specialist, this palette offers versatility and a unique touch that can elevate any creative project.
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.010 252.82) | #e0e5eb | hsl(213, 22%, 90%) |
|
|
| 100 | oklch(0.830 0.021 257.48) | #bfc8d5 | hsl(215, 21%, 79%) |
|
|
| 200 | oklch(0.737 0.033 257.25) | #9dabbf | hsl(215, 21%, 68%) |
|
|
| 300 | oklch(0.645 0.046 257.16) | #7c8faa | hsl(215, 21%, 58%) |
|
|
| 400 | oklch(0.550 0.052 256.53) | #5e7390 | hsl(215, 21%, 47%) |
|
|
| 500 | oklch(0.456 0.043 257.42) | #48586f | hsl(215, 21%, 36%) |
|
|
| 600 | oklch(0.410 0.038 258.89) | #3e4b5f | hsl(216, 21%, 31%) |
|
|
| 700 | oklch(0.364 0.032 255.73) | #333f4f | hsl(214, 22%, 25%) |
|
|
| 800 | oklch(0.314 0.026 257.53) | #29323f | hsl(215, 21%, 20%) |
|
|
| 900 | oklch(0.262 0.021 257.28) | #1e252f | hsl(215, 22%, 15%) |
|
|
| 950 | oklch(0.211 0.014 253.14) | #14191f | hsl(213, 22%, 10%) |
|
dsfds
| 50 | oklch(0.988 0.065 107.54) | #ffffcc | hsl(60, 100%, 90%) |
|
|
| 100 | oklch(0.987 0.068 107.58) | #ffffca | hsl(60, 100%, 90%) |
|
|
| 200 | oklch(0.986 0.072 107.64) | #ffffc7 | hsl(60, 100%, 89%) |
|
|
| 300 | oklch(0.986 0.074 107.68) | #ffffc5 | hsl(60, 100%, 89%) |
|
|
| 400 | oklch(0.985 0.078 107.74) | #ffffc2 | hsl(60, 100%, 88%) |
|
|
| 500 | oklch(0.985 0.080 107.78) | #ffffc0 | hsl(60, 100%, 88%) |
|
|
| 600 | oklch(0.973 0.163 109.07) | #ffff71 | hsl(60, 100%, 72%) |
|
|
| 700 | oklch(0.969 0.206 109.70) | #ffff22 | hsl(60, 100%, 57%) |
|
|
| 800 | oklch(0.833 0.182 109.77) | #d1d100 | hsl(60, 100%, 41%) |
|
|
| 900 | oklch(0.587 0.128 109.77) | #828200 | hsl(60, 100%, 25%) |
|
|
| 950 | oklch(0.311 0.068 109.77) | #333300 | hsl(60, 100%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.023 87.15) | #f1eada | hsl(42, 45%, 90%) |
|
|
| 100 | oklch(0.916 0.031 90.34) | #ebe3cd | hsl(44, 43%, 86%) |
|
|
| 200 | oklch(0.893 0.039 89.10) | #e6dbbf | hsl(43, 44%, 83%) |
|
|
| 300 | oklch(0.870 0.048 88.30) | #e1d3b1 | hsl(43, 44%, 79%) |
|
|
| 400 | oklch(0.847 0.056 89.92) | #dbcca4 | hsl(44, 43%, 75%) |
|
|
| 500 | oklch(0.824 0.064 89.17) | #d6c496 | hsl(43, 44%, 71%) |
|
|
| 600 | oklch(0.748 0.090 89.41) | #c4ab69 | hsl(44, 44%, 59%) |
|
|
| 700 | oklch(0.659 0.101 87.57) | #ac8e43 | hsl(43, 44%, 47%) |
|
|
| 800 | oklch(0.530 0.080 88.02) | #7f6931 | hsl(43, 44%, 35%) |
|
|
| 900 | oklch(0.393 0.056 88.46) | #524420 | hsl(43, 44%, 22%) |
|
|
| 950 | oklch(0.239 0.029 86.57) | #251e0e | hsl(42, 45%, 10%) |
|
dsfds
| 50 | oklch(0.899 0.039 17.91) | #f7d4d4 | hsl(0, 69%, 90%) |
|
|
| 100 | oklch(0.823 0.071 18.71) | #f0b3b3 | hsl(0, 67%, 82%) |
|
|
| 200 | oklch(0.750 0.107 19.89) | #ea9292 | hsl(0, 68%, 75%) |
|
|
| 300 | oklch(0.681 0.142 21.52) | #e37171 | hsl(0, 67%, 67%) |
|
|
| 400 | oklch(0.621 0.178 23.87) | #dd4f4f | hsl(0, 68%, 59%) |
|
|
| 500 | oklch(0.572 0.204 26.56) | #d62e2e | hsl(0, 67%, 51%) |
|
|
| 600 | oklch(0.506 0.182 26.72) | #b62424 | hsl(0, 67%, 43%) |
|
|
| 700 | oklch(0.434 0.154 26.48) | #931d1d | hsl(0, 67%, 35%) |
|
|
| 800 | oklch(0.361 0.125 26.16) | #711616 | hsl(0, 67%, 26%) |
|
|
| 900 | oklch(0.283 0.093 25.51) | #4e0f0f | hsl(0, 68%, 18%) |
|
|
| 950 | oklch(0.199 0.058 24.11) | #2b0808 | hsl(0, 69%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.012 196.95) | #e0ebeb | hsl(180, 22%, 90%) |
|
|
| 100 | oklch(0.833 0.027 199.59) | #b5cecf | hsl(182, 21%, 76%) |
|
|
| 200 | oklch(0.732 0.043 200.07) | #89b1b3 | hsl(183, 22%, 62%) |
|
|
| 300 | oklch(0.626 0.054 200.66) | #609295 | hsl(183, 22%, 48%) |
|
|
| 400 | oklch(0.491 0.041 198.11) | #446869 | hsl(182, 21%, 34%) |
|
|
| 500 | oklch(0.343 0.027 199.73) | #283d3e | hsl(183, 22%, 20%) |
|
|
| 600 | oklch(0.321 0.025 200.14) | #243738 | hsl(183, 22%, 18%) |
|
|
| 700 | oklch(0.299 0.022 200.63) | #203132 | hsl(183, 22%, 16%) |
|
|
| 800 | oklch(0.276 0.020 196.04) | #1c2b2b | hsl(180, 21%, 14%) |
|
|
| 900 | oklch(0.253 0.018 196.07) | #182525 | hsl(180, 21%, 12%) |
|
|
| 950 | oklch(0.229 0.016 196.11) | #141f1f | hsl(180, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
