Vibrant Retro Color Palette
This vibrant palette blends soft peach, lush teal, deep chocolate, fiery red, and warm orange, evoking a bold, energetic spirit with a touch of cozy warmth and a hint of retro flair.
Practical uses and creative applications
The Vibrant Retro Color Palette is an eclectic mix of lively hues that breathe life into any creative project. Featuring soft peach (#ffdeb3), rich teal (#73bc91), deep chocolate (#342220), vivid red (#fc370c), and bright orange (#ff8716), this palette is perfect for brands aiming to evoke nostalgia while maintaining a fresh and modern aesthetic.
Ideal for web design, branding, and packaging, it captures the essence of the retro era, making it a fantastic choice for businesses in the fashion, food, and lifestyle sectors looking to stand out with a playful yet sophisticated vibe. Designers and creatives will find the Vibrant Retro Color Palette particularly appealing for interior design projects, where it can create inviting and dynamic spaces.
The warm and bold colors work harmoniously to set a cheerful mood, perfect for cafes, boutiques, or any environment that seeks to evoke a sense of warmth and vibrancy. Whether you're crafting a brand identity or designing an engaging website, this palette is a versatile choice that resonates with audiences looking for a unique blend of nostalgia and modernity.
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.944 0.045 74.78) | #ffe9cc | hsl(34, 100%, 90%) |
|
|
| 100 | oklch(0.939 0.049 75.02) | #ffe7c7 | hsl(34, 100%, 89%) |
|
|
| 200 | oklch(0.934 0.054 75.21) | #ffe5c2 | hsl(34, 100%, 88%) |
|
|
| 300 | oklch(0.927 0.058 73.74) | #ffe2bd | hsl(34, 100%, 87%) |
|
|
| 400 | oklch(0.923 0.062 73.96) | #ffe0b8 | hsl(34, 100%, 86%) |
|
|
| 500 | oklch(0.918 0.067 74.15) | #ffdeb3 | hsl(34, 100%, 85%) |
|
|
| 600 | oklch(0.842 0.129 72.08) | #ffbd66 | hsl(34, 100%, 70%) |
|
|
| 700 | oklch(0.776 0.170 64.26) | #ff9b1a | hsl(34, 100%, 55%) |
|
|
| 800 | oklch(0.643 0.149 61.32) | #cc7400 | hsl(34, 100%, 40%) |
|
|
| 900 | oklch(0.459 0.105 62.54) | #804800 | hsl(34, 100%, 25%) |
|
|
| 950 | oklch(0.254 0.055 70.14) | #331d00 | hsl(34, 100%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.022 160.21) | #ddeee4 | hsl(145, 33%, 90%) |
|
|
| 100 | oklch(0.893 0.038 159.83) | #c7e4d3 | hsl(145, 35%, 84%) |
|
|
| 200 | oklch(0.853 0.053 159.84) | #b2dac3 | hsl(146, 35%, 78%) |
|
|
| 300 | oklch(0.814 0.068 158.65) | #9dd0b2 | hsl(145, 35%, 72%) |
|
|
| 400 | oklch(0.774 0.082 158.31) | #88c6a2 | hsl(145, 35%, 65%) |
|
|
| 500 | oklch(0.735 0.097 157.13) | #73bc91 | hsl(145, 35%, 59%) |
|
|
| 600 | oklch(0.672 0.117 155.31) | #52ab76 | hsl(144, 35%, 50%) |
|
|
| 700 | oklch(0.572 0.098 155.88) | #41895f | hsl(145, 36%, 40%) |
|
|
| 800 | oklch(0.467 0.078 155.70) | #316747 | hsl(144, 36%, 30%) |
|
|
| 900 | oklch(0.357 0.056 156.46) | #214530 | hsl(145, 35%, 20%) |
|
|
| 950 | oklch(0.233 0.030 157.25) | #112218 | hsl(145, 33%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.012 29.87) | #ece1df | hsl(9, 25%, 90%) |
|
|
| 100 | oklch(0.792 0.032 25.36) | #cfb4b1 | hsl(6, 24%, 75%) |
|
|
| 200 | oklch(0.664 0.053 24.69) | #b28783 | hsl(5, 23%, 61%) |
|
|
| 300 | oklch(0.538 0.067 27.01) | #915f59 | hsl(6, 24%, 46%) |
|
|
| 400 | oklch(0.410 0.048 24.95) | #62403d | hsl(5, 23%, 31%) |
|
|
| 500 | oklch(0.274 0.028 26.16) | #342220 | hsl(6, 24%, 16%) |
|
|
| 600 | oklch(0.260 0.027 26.58) | #301f1d | hsl(6, 25%, 15%) |
|
|
| 700 | oklch(0.249 0.024 27.46) | #2c1d1b | hsl(7, 24%, 14%) |
|
|
| 800 | oklch(0.235 0.023 28.06) | #281a18 | hsl(8, 25%, 13%) |
|
|
| 900 | oklch(0.221 0.021 23.89) | #241716 | hsl(4, 24%, 11%) |
|
|
| 950 | oklch(0.209 0.019 30.38) | #201513 | hsl(9, 25%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.047 32.80) | #fed6cd | hsl(11, 96%, 90%) |
|
|
| 100 | oklch(0.840 0.087 32.93) | #feb6a6 | hsl(11, 98%, 82%) |
|
|
| 200 | oklch(0.776 0.129 32.94) | #fd9680 | hsl(11, 97%, 75%) |
|
|
| 300 | oklch(0.721 0.171 33.59) | #fd7659 | hsl(11, 98%, 67%) |
|
|
| 400 | oklch(0.676 0.207 33.84) | #fc5733 | hsl(11, 97%, 59%) |
|
|
| 500 | oklch(0.644 0.235 32.58) | #fc370c | hsl(11, 98%, 52%) |
|
|
| 600 | oklch(0.575 0.215 32.20) | #db2903 | hsl(11, 97%, 44%) |
|
|
| 700 | oklch(0.492 0.182 32.52) | #b12102 | hsl(11, 98%, 35%) |
|
|
| 800 | oklch(0.405 0.148 32.90) | #871902 | hsl(10, 97%, 27%) |
|
|
| 900 | oklch(0.313 0.109 34.58) | #5c1201 | hsl(11, 98%, 18%) |
|
|
| 950 | oklch(0.215 0.068 37.62) | #320a01 | hsl(11, 96%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.044 66.14) | #ffe5cc | hsl(29, 100%, 90%) |
|
|
| 100 | oklch(0.892 0.075 64.66) | #ffd2a8 | hsl(29, 100%, 83%) |
|
|
| 200 | oklch(0.850 0.106 63.77) | #ffbf83 | hsl(29, 100%, 76%) |
|
|
| 300 | oklch(0.811 0.135 61.82) | #ffac5f | hsl(29, 100%, 69%) |
|
|
| 400 | oklch(0.776 0.160 59.62) | #ff9a3a | hsl(29, 100%, 61%) |
|
|
| 500 | oklch(0.743 0.179 54.82) | #ff8716 | hsl(29, 100%, 54%) |
|
|
| 600 | oklch(0.676 0.175 51.25) | #e87000 | hsl(29, 100%, 45%) |
|
|
| 700 | oklch(0.576 0.149 51.82) | #bb5a00 | hsl(29, 100%, 37%) |
|
|
| 800 | oklch(0.473 0.119 53.85) | #8d4500 | hsl(29, 100%, 28%) |
|
|
| 900 | oklch(0.363 0.089 56.10) | #602f00 | hsl(29, 100%, 19%) |
|
|
| 950 | oklch(0.245 0.056 61.81) | #331900 | hsl(29, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
