Warm Vintage Summer Color Palette
This palette exudes a warm, sun-kissed charm with vibrant coral, soft golden hues, and earthy greens, creating a lively yet grounded atmosphere that feels both inviting and effortlessly stylish.
Practical uses and creative applications
The Warm Vintage Summer Color Palette is a delightful blend of hues that evokes nostalgia while celebrating the vibrancy of summer. Featuring shades like the sunny #eac761 and the earthy #7d7769, this palette is perfect for branding projects that seek to convey warmth and authenticity.
Whether you’re designing a logo for a boutique café or crafting packaging for artisanal products, these colors can infuse a sense of timeless charm that resonates with customers. Ideal for designers and creatives in industries such as home décor, fashion, and lifestyle, the Warm Vintage Summer Color Palette offers versatility that suits both modern and retro aesthetics.
Use it for web design to create an inviting atmosphere on your site, or incorporate it into interior spaces to create a cozy, sun-kissed vibe. With colors like #f75e50 and #91c09e, this palette strikes a balance between lively and relaxed, making it a perfect choice for projects aiming to evoke a laid-back summer mood.
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.899 0.049 24.33) | #fdd2ce | hsl(5, 92%, 90%) |
|
|
| 100 | oklch(0.850 0.076 24.77) | #fcbbb5 | hsl(5, 92%, 85%) |
|
|
| 200 | oklch(0.802 0.103 25.44) | #faa49c | hsl(5, 90%, 80%) |
|
|
| 300 | oklch(0.755 0.134 26.22) | #f98c82 | hsl(5, 91%, 74%) |
|
|
| 400 | oklch(0.715 0.163 27.22) | #f87569 | hsl(5, 91%, 69%) |
|
|
| 500 | oklch(0.679 0.190 28.33) | #f75e50 | hsl(5, 91%, 64%) |
|
|
| 600 | oklch(0.626 0.234 30.04) | #f52d1b | hsl(5, 92%, 53%) |
|
|
| 700 | oklch(0.545 0.212 30.12) | #cf1a09 | hsl(5, 92%, 42%) |
|
|
| 800 | oklch(0.439 0.169 30.10) | #9a1307 | hsl(5, 91%, 32%) |
|
|
| 900 | oklch(0.329 0.123 30.30) | #660d05 | hsl(5, 91%, 21%) |
|
|
| 950 | oklch(0.207 0.071 31.94) | #310602 | hsl(5, 92%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.039 91.20) | #f9efd2 | hsl(45, 76%, 90%) |
|
|
| 100 | oklch(0.929 0.059 91.45) | #f6e7bb | hsl(45, 77%, 85%) |
|
|
| 200 | oklch(0.906 0.078 91.28) | #f3dfa5 | hsl(45, 76%, 80%) |
|
|
| 300 | oklch(0.884 0.096 91.28) | #f0d78e | hsl(45, 77%, 75%) |
|
|
| 400 | oklch(0.862 0.112 90.92) | #edcf78 | hsl(45, 76%, 70%) |
|
|
| 500 | oklch(0.840 0.127 90.53) | #eac761 | hsl(45, 77%, 65%) |
|
|
| 600 | oklch(0.793 0.149 88.22) | #e3b530 | hsl(45, 76%, 54%) |
|
|
| 700 | oklch(0.695 0.136 86.95) | #c1961a | hsl(45, 76%, 43%) |
|
|
| 800 | oklch(0.562 0.109 87.44) | #907013 | hsl(45, 77%, 32%) |
|
|
| 900 | oklch(0.419 0.079 89.15) | #5e4a0d | hsl(45, 76%, 21%) |
|
|
| 950 | oklch(0.261 0.046 89.70) | #2d2306 | hsl(45, 76%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.037 102.06) | #f5f2d6 | hsl(54, 61%, 90%) |
|
|
| 100 | oklch(0.944 0.047 100.72) | #f3eeca | hsl(53, 63%, 87%) |
|
|
| 200 | oklch(0.931 0.056 100.82) | #f0eabf | hsl(53, 62%, 85%) |
|
|
| 300 | oklch(0.918 0.067 101.06) | #ede6b3 | hsl(53, 62%, 82%) |
|
|
| 400 | oklch(0.908 0.077 101.27) | #ebe3a8 | hsl(53, 63%, 79%) |
|
|
| 500 | oklch(0.895 0.086 101.45) | #e8df9c | hsl(53, 62%, 76%) |
|
|
| 600 | oklch(0.839 0.126 101.72) | #dbcd65 | hsl(53, 62%, 63%) |
|
|
| 700 | oklch(0.784 0.150 101.56) | #cdbb30 | hsl(53, 62%, 50%) |
|
|
| 800 | oklch(0.624 0.118 101.15) | #978923 | hsl(53, 62%, 36%) |
|
|
| 900 | oklch(0.453 0.083 101.20) | #605716 | hsl(53, 63%, 23%) |
|
|
| 950 | oklch(0.265 0.044 103.21) | #29260a | hsl(54, 61%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.019 152.81) | #dfece2 | hsl(134, 25%, 90%) |
|
|
| 100 | oklch(0.899 0.030 154.65) | #cfe4d5 | hsl(137, 28%, 85%) |
|
|
| 200 | oklch(0.866 0.040 153.41) | #c0dbc7 | hsl(136, 27%, 81%) |
|
|
| 300 | oklch(0.832 0.050 153.34) | #b0d2b9 | hsl(136, 27%, 76%) |
|
|
| 400 | oklch(0.799 0.059 153.45) | #a1c9ac | hsl(137, 27%, 71%) |
|
|
| 500 | oklch(0.765 0.069 153.15) | #91c09e | hsl(137, 27%, 66%) |
|
|
| 600 | oklch(0.687 0.092 152.07) | #6dab7e | hsl(136, 27%, 55%) |
|
|
| 700 | oklch(0.593 0.093 151.66) | #518e62 | hsl(137, 27%, 44%) |
|
|
| 800 | oklch(0.479 0.072 152.15) | #3c6949 | hsl(137, 27%, 32%) |
|
|
| 900 | oklch(0.360 0.051 152.72) | #274530 | hsl(138, 28%, 21%) |
|
|
| 950 | oklch(0.228 0.027 151.05) | #132016 | hsl(134, 25%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.005 78.30) | #e8e6e3 | hsl(36, 10%, 90%) |
|
|
| 100 | oklch(0.858 0.009 84.58) | #d3d0ca | hsl(40, 9%, 81%) |
|
|
| 200 | oklch(0.790 0.012 84.58) | #bebab2 | hsl(40, 8%, 72%) |
|
|
| 300 | oklch(0.720 0.017 86.44) | #a9a499 | hsl(41, 9%, 63%) |
|
|
| 400 | oklch(0.648 0.022 87.55) | #948e80 | hsl(42, 9%, 54%) |
|
|
| 500 | oklch(0.570 0.022 87.56) | #7d7769 | hsl(42, 9%, 45%) |
|
|
| 600 | oklch(0.505 0.019 82.76) | #6a6459 | hsl(39, 9%, 38%) |
|
|
| 700 | oklch(0.439 0.017 88.78) | #565248 | hsl(43, 9%, 31%) |
|
|
| 800 | oklch(0.369 0.013 81.75) | #433f38 | hsl(38, 9%, 24%) |
|
|
| 900 | oklch(0.297 0.009 88.76) | #2f2d28 | hsl(43, 8%, 17%) |
|
|
| 950 | oklch(0.219 0.007 78.18) | #1c1a17 | hsl(36, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
