Warm Retro Color Palette
This palette radiates a warm, retro charm with soft beige, peachy coral, vibrant red, and deep burgundy, evoking cozy nostalgia and a playful, spirited vibe perfect for a chic vintage aesthetic.
Practical uses and creative applications
The Warm Retro Color Palette features a delightful mix of hues, including soft beige (#c0b19e), vibrant peach (#ffb48f), bold coral (#f68b7b), striking red (#f6464a), and deep burgundy (#911440). This palette is perfect for anyone looking to evoke a sense of nostalgia while maintaining a modern twist.
Ideal for branding projects and web design, it can create an inviting atmosphere that resonates with audiences seeking warmth and familiarity. Whether you’re designing a trendy café website or revamping a vintage-inspired brand, these colors can bring your vision to life.
Designed for creatives and designers, this palette is especially effective in packaging and interior design. Imagine using these colors to craft eye-catching product labels that stand out on the shelf or creating a cozy living space that invites relaxation and conversation.
The Warm Retro Color Palette is perfect for those who wish to blend contemporary aesthetics with retro vibes, making it an excellent choice for lifestyle brands, artisanal goods, and boutique shops. Enhance your projects with this unique palette and watch as it transforms ordinary spaces and designs into extraordinary experiences.
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.927 0.010 72.66) | #ebe6e0 | hsl(33, 22%, 90%) |
|
|
| 100 | oklch(0.897 0.014 78.26) | #e2dcd3 | hsl(36, 21%, 86%) |
|
|
| 200 | oklch(0.865 0.018 73.05) | #dad1c6 | hsl(33, 21%, 82%) |
|
|
| 300 | oklch(0.832 0.023 74.06) | #d1c6b8 | hsl(34, 21%, 77%) |
|
|
| 400 | oklch(0.801 0.028 74.70) | #c9bcab | hsl(34, 22%, 73%) |
|
|
| 500 | oklch(0.768 0.032 73.80) | #c0b19e | hsl(34, 21%, 69%) |
|
|
| 600 | oklch(0.677 0.044 74.21) | #a8947a | hsl(34, 21%, 57%) |
|
|
| 700 | oklch(0.579 0.048 72.37) | #8c765b | hsl(33, 21%, 45%) |
|
|
| 800 | oklch(0.467 0.037 72.92) | #675743 | hsl(33, 21%, 33%) |
|
|
| 900 | oklch(0.351 0.026 74.08) | #43392c | hsl(34, 21%, 22%) |
|
|
| 950 | oklch(0.222 0.014 72.09) | #1f1a14 | hsl(33, 22%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.044 48.22) | #ffddcc | hsl(20, 100%, 90%) |
|
|
| 100 | oklch(0.903 0.055 48.09) | #ffd5c0 | hsl(20, 100%, 88%) |
|
|
| 200 | oklch(0.886 0.066 47.95) | #ffcdb4 | hsl(20, 100%, 85%) |
|
|
| 300 | oklch(0.866 0.078 47.39) | #ffc4a7 | hsl(20, 100%, 83%) |
|
|
| 400 | oklch(0.849 0.090 47.29) | #ffbc9b | hsl(20, 100%, 80%) |
|
|
| 500 | oklch(0.832 0.101 47.15) | #ffb48f | hsl(20, 100%, 78%) |
|
|
| 600 | oklch(0.745 0.165 45.32) | #ff864a | hsl(20, 100%, 65%) |
|
|
| 700 | oklch(0.678 0.216 39.08) | #ff5704 | hsl(20, 100%, 51%) |
|
|
| 800 | oklch(0.544 0.173 39.43) | #be3f00 | hsl(20, 100%, 37%) |
|
|
| 900 | oklch(0.393 0.120 41.26) | #782800 | hsl(20, 100%, 24%) |
|
|
| 950 | oklch(0.229 0.063 47.64) | #331100 | hsl(20, 100%, 10%) |
|
dsfds
| 50 | oklch(0.904 0.045 28.27) | #fcd5cf | hsl(8, 88%, 90%) |
|
|
| 100 | oklch(0.871 0.062 28.28) | #fbc6be | hsl(8, 88%, 86%) |
|
|
| 200 | oklch(0.838 0.078 27.61) | #f9b7ae | hsl(7, 86%, 83%) |
|
|
| 300 | oklch(0.808 0.096 28.87) | #f8a99d | hsl(8, 87%, 79%) |
|
|
| 400 | oklch(0.778 0.114 29.16) | #f79a8c | hsl(8, 87%, 76%) |
|
|
| 500 | oklch(0.748 0.133 29.54) | #f68b7b | hsl(8, 87%, 72%) |
|
|
| 600 | oklch(0.661 0.195 31.42) | #f2573f | hsl(8, 87%, 60%) |
|
|
| 700 | oklch(0.590 0.220 31.35) | #e22b0f | hsl(8, 88%, 47%) |
|
|
| 800 | oklch(0.473 0.173 31.52) | #a7200b | hsl(8, 88%, 35%) |
|
|
| 900 | oklch(0.346 0.123 31.59) | #6b1407 | hsl(8, 88%, 22%) |
|
|
| 950 | oklch(0.210 0.065 33.74) | #300903 | hsl(8, 88%, 10%) |
|
dsfds
| 50 | oklch(0.892 0.053 16.76) | #fdcecf | hsl(359, 92%, 90%) |
|
|
| 100 | oklch(0.835 0.084 17.18) | #fbb3b5 | hsl(358, 90%, 84%) |
|
|
| 200 | oklch(0.781 0.118 18.79) | #fa989a | hsl(359, 91%, 79%) |
|
|
| 300 | oklch(0.732 0.152 20.51) | #f97d7f | hsl(359, 91%, 73%) |
|
|
| 400 | oklch(0.686 0.184 21.78) | #f76165 | hsl(358, 90%, 67%) |
|
|
| 500 | oklch(0.651 0.212 24.21) | #f6464a | hsl(359, 91%, 62%) |
|
|
| 600 | oklch(0.612 0.244 28.04) | #f41319 | hsl(358, 91%, 52%) |
|
|
| 700 | oklch(0.526 0.211 28.40) | #c80a0e | hsl(359, 90%, 41%) |
|
|
| 800 | oklch(0.426 0.170 27.98) | #96070b | hsl(358, 91%, 31%) |
|
|
| 900 | oklch(0.318 0.125 27.47) | #630507 | hsl(359, 90%, 20%) |
|
|
| 950 | oklch(0.201 0.076 26.16) | #310203 | hsl(359, 92%, 10%) |
|
dsfds
| 50 | oklch(0.901 0.047 354.49) | #f9d2e0 | hsl(338, 76%, 90%) |
|
|
| 100 | oklch(0.793 0.104 357.20) | #f29fbc | hsl(339, 76%, 79%) |
|
|
| 200 | oklch(0.694 0.164 0.18) | #eb6b98 | hsl(339, 76%, 67%) |
|
|
| 300 | oklch(0.615 0.210 4.88) | #e33774 | hsl(339, 75%, 55%) |
|
|
| 400 | oklch(0.537 0.201 8.10) | #c51b57 | hsl(339, 76%, 44%) |
|
|
| 500 | oklch(0.431 0.159 7.45) | #911440 | hsl(339, 76%, 32%) |
|
|
| 600 | oklch(0.388 0.142 7.14) | #7d1137 | hsl(339, 76%, 28%) |
|
|
| 700 | oklch(0.344 0.124 6.72) | #690e2e | hsl(339, 76%, 23%) |
|
|
| 800 | oklch(0.299 0.105 6.44) | #550c25 | hsl(339, 75%, 19%) |
|
|
| 900 | oklch(0.253 0.086 4.55) | #41091d | hsl(339, 76%, 15%) |
|
|
| 950 | oklch(0.203 0.066 2.72) | #2d0614 | hsl(338, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
