Vibrant Retro Color Palette
This vibrant palette of sunny yellows, warm oranges, deep burgundy, and earthy browns exudes a lively, retro charm, reminiscent of a joyful autumn harvest.
Practical uses and creative applications
The Vibrant Retro Color Palette is a delightful explosion of color, perfect for anyone looking to infuse a sense of nostalgia into their projects. Featuring sunny yellows (#f7f799 and #e0d124), lively oranges (#f0823f), deep reds (#bd374c), and earthy browns (#443a37), this palette is ideal for branding initiatives that aim to evoke a playful yet sophisticated vibe.
Whether you’re a designer crafting a new logo or a creative professional revamping a website, these colors can help you create a memorable visual identity that stands out in a crowded market. Ideal for web design, packaging, and interior decor, the Vibrant Retro Color Palette appeals to a diverse range of audiences, especially designers and creatives seeking to evoke feelings of warmth and joy.
In digital spaces, these colors can be used to create inviting interfaces that enhance user experience, while in print, they can bring a sense of fun and energy to product packaging. For interiors, the palette can be incorporated into accent walls or decorative elements to create a lively atmosphere that resonates with a retro aesthetic, perfect for cafes, boutiques, or creative studios looking to inspire and engage.
Embrace the charm of the past with the Vibrant Retro Color Palette and let your creativity shine through. This palette is not just about colors; it's about creating experiences that transport your audience to a vibrant world filled with nostalgia and excitement.
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.977 0.056 107.39) | #fbfbd0 | hsl(60, 84%, 90%) |
|
|
| 100 | oklch(0.972 0.068 107.60) | #fafac5 | hsl(60, 84%, 88%) |
|
|
| 200 | oklch(0.970 0.081 107.83) | #fafaba | hsl(60, 86%, 85%) |
|
|
| 300 | oklch(0.965 0.093 108.03) | #f9f9af | hsl(60, 86%, 83%) |
|
|
| 400 | oklch(0.960 0.105 108.22) | #f8f8a4 | hsl(60, 86%, 81%) |
|
|
| 500 | oklch(0.956 0.116 108.41) | #f7f799 | hsl(60, 85%, 78%) |
|
|
| 600 | oklch(0.934 0.171 109.30) | #f2f258 | hsl(60, 86%, 65%) |
|
|
| 700 | oklch(0.916 0.196 109.72) | #eded18 | hsl(60, 86%, 51%) |
|
|
| 800 | oklch(0.736 0.158 109.72) | #b1b10e | hsl(60, 85%, 37%) |
|
|
| 900 | oklch(0.528 0.112 109.69) | #707009 | hsl(60, 85%, 24%) |
|
|
| 950 | oklch(0.296 0.060 109.58) | #2f2f04 | hsl(60, 84%, 10%) |
|
dsfds
| 50 | oklch(0.966 0.047 103.32) | #f9f6d2 | hsl(55, 76%, 90%) |
|
|
| 100 | oklch(0.939 0.081 103.25) | #f4eeaf | hsl(55, 76%, 82%) |
|
|
| 200 | oklch(0.915 0.112 103.96) | #efe78d | hsl(55, 75%, 75%) |
|
|
| 300 | oklch(0.892 0.140 104.43) | #eae06a | hsl(55, 75%, 67%) |
|
|
| 400 | oklch(0.868 0.160 104.15) | #e5d847 | hsl(55, 75%, 59%) |
|
|
| 500 | oklch(0.847 0.172 103.99) | #e0d124 | hsl(55, 75%, 51%) |
|
|
| 600 | oklch(0.751 0.153 103.99) | #bfb21b | hsl(55, 75%, 43%) |
|
|
| 700 | oklch(0.643 0.130 103.77) | #9b9016 | hsl(55, 75%, 35%) |
|
|
| 800 | oklch(0.529 0.106 104.12) | #766e11 | hsl(55, 75%, 26%) |
|
|
| 900 | oklch(0.409 0.080 104.72) | #514c0c | hsl(56, 74%, 18%) |
|
|
| 950 | oklch(0.280 0.053 104.58) | #2d2a06 | hsl(55, 76%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.037 52.68) | #fbe0d0 | hsl(22, 84%, 90%) |
|
|
| 100 | oklch(0.880 0.061 52.23) | #f9cdb3 | hsl(22, 85%, 84%) |
|
|
| 200 | oklch(0.838 0.085 52.88) | #f7bb96 | hsl(23, 86%, 78%) |
|
|
| 300 | oklch(0.796 0.110 51.94) | #f5a879 | hsl(23, 86%, 72%) |
|
|
| 400 | oklch(0.755 0.134 51.04) | #f2955c | hsl(23, 85%, 65%) |
|
|
| 500 | oklch(0.718 0.157 49.26) | #f0823f | hsl(23, 86%, 59%) |
|
|
| 600 | oklch(0.662 0.184 44.77) | #ea6412 | hsl(23, 86%, 49%) |
|
|
| 700 | oklch(0.563 0.155 44.94) | #bc500f | hsl(23, 85%, 40%) |
|
|
| 800 | oklch(0.459 0.123 45.62) | #8d3c0b | hsl(23, 86%, 30%) |
|
|
| 900 | oklch(0.348 0.089 46.93) | #5e2807 | hsl(23, 86%, 20%) |
|
|
| 950 | oklch(0.228 0.052 50.12) | #2f1404 | hsl(22, 84%, 10%) |
|
dsfds
| 50 | oklch(0.905 0.033 5.99) | #f4d7dc | hsl(350, 57%, 90%) |
|
|
| 100 | oklch(0.825 0.061 8.18) | #eab6be | hsl(351, 55%, 82%) |
|
|
| 200 | oklch(0.748 0.091 9.03) | #e095a1 | hsl(350, 55%, 73%) |
|
|
| 300 | oklch(0.673 0.123 11.20) | #d67483 | hsl(351, 54%, 65%) |
|
|
| 400 | oklch(0.604 0.156 13.72) | #cd5265 | hsl(351, 55%, 56%) |
|
|
| 500 | oklch(0.541 0.170 16.11) | #bd374c | hsl(351, 55%, 48%) |
|
|
| 600 | oklch(0.478 0.148 15.75) | #9f2e40 | hsl(350, 55%, 40%) |
|
|
| 700 | oklch(0.414 0.124 15.63) | #812634 | hsl(351, 54%, 33%) |
|
|
| 800 | oklch(0.345 0.101 14.97) | #631d28 | hsl(351, 55%, 25%) |
|
|
| 900 | oklch(0.274 0.075 13.85) | #45141c | hsl(350, 55%, 17%) |
|
|
| 950 | oklch(0.200 0.049 12.03) | #280b10 | hsl(350, 57%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.005 34.31) | #e8e4e3 | hsl(12, 10%, 90%) |
|
|
| 100 | oklch(0.817 0.011 39.43) | #cac1be | hsl(15, 10%, 77%) |
|
|
| 200 | oklch(0.708 0.019 35.34) | #ac9d99 | hsl(13, 10%, 64%) |
|
|
| 300 | oklch(0.596 0.027 40.25) | #8e7a73 | hsl(16, 11%, 50%) |
|
|
| 400 | oklch(0.481 0.021 39.30) | #695a55 | hsl(15, 11%, 37%) |
|
|
| 500 | oklch(0.358 0.015 37.35) | #443a37 | hsl(14, 11%, 24%) |
|
|
| 600 | oklch(0.330 0.013 32.58) | #3c3331 | hsl(11, 10%, 21%) |
|
|
| 700 | oklch(0.301 0.012 34.32) | #342c2a | hsl(12, 11%, 18%) |
|
|
| 800 | oklch(0.275 0.010 39.33) | #2c2624 | hsl(15, 10%, 16%) |
|
|
| 900 | oklch(0.244 0.009 43.11) | #241f1d | hsl(17, 11%, 13%) |
|
|
| 950 | oklch(0.213 0.007 34.30) | #1c1817 | hsl(12, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
