Warm Nostalgic Color Palette
This palette exudes a warm, nostalgic charm with soft peach and creamy beige, grounded by earthy greens and deep plum, creating a cozy yet sophisticated atmosphere.
Practical uses and creative applications
The Warm Nostalgic Color Palette is a delightful blend of soft, earthy tones that evoke feelings of comfort and reminiscence. Featuring hues like the warm coral of #ff7c70, the gentle cream of #f2dfb1, and the muted sage of #b7c9a9, this palette is perfect for creatives looking to infuse their projects with a sense of warmth and familiarity.
Ideal for branding, web design, and packaging, these colors can help create a welcoming atmosphere that resonates with audiences seeking authenticity and connection. Designers and creatives in the lifestyle, wellness, and artisanal industries will find the Warm Nostalgic Color Palette particularly appealing.
Its rich yet subtle tones work beautifully for interior design projects, transforming spaces into cozy retreats that invite relaxation. Whether you're crafting a vintage-inspired website, designing eco-friendly product packaging, or redecorating a serene living area, this palette's harmonious balance evokes a sense of nostalgia that can captivate and engage your target audience.
Embrace the warmth and charm of this color palette to tell your story in a visually compelling way.
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.897 0.054 23.88) | #ffd0cc | hsl(5, 100%, 90%) |
|
|
100 | oklch(0.861 0.075 23.81) | #ffbfba | hsl(4, 100%, 86%) |
|
|
200 | oklch(0.829 0.095 25.64) | #ffafa7 | hsl(5, 100%, 83%) |
|
|
300 | oklch(0.796 0.117 25.73) | #ff9e95 | hsl(5, 100%, 79%) |
|
|
400 | oklch(0.764 0.140 26.60) | #ff8d82 | hsl(5, 100%, 75%) |
|
|
500 | oklch(0.736 0.162 27.05) | #ff7c70 | hsl(5, 100%, 72%) |
|
|
600 | oklch(0.660 0.227 29.61) | #ff4231 | hsl(5, 100%, 60%) |
|
|
700 | oklch(0.606 0.243 30.03) | #f11400 | hsl(5, 100%, 47%) |
|
|
800 | oklch(0.482 0.192 30.33) | #b10f00 | hsl(5, 100%, 35%) |
|
|
900 | oklch(0.352 0.137 31.06) | #720a00 | hsl(5, 100%, 22%) |
|
|
950 | oklch(0.208 0.077 32.99) | #330400 | hsl(5, 100%, 10%) |
|
dsfds
50 | oklch(0.948 0.036 87.79) | #f8edd3 | hsl(42, 73%, 90%) |
|
|
100 | oklch(0.940 0.042 87.36) | #f7eacc | hsl(42, 73%, 88%) |
|
|
200 | oklch(0.931 0.046 87.76) | #f5e7c6 | hsl(42, 70%, 87%) |
|
|
300 | oklch(0.924 0.052 89.04) | #f4e5bf | hsl(43, 71%, 85%) |
|
|
400 | oklch(0.916 0.058 88.60) | #f3e2b8 | hsl(43, 71%, 84%) |
|
|
500 | oklch(0.908 0.063 88.22) | #f2dfb1 | hsl(42, 71%, 82%) |
|
|
600 | oklch(0.835 0.109 87.73) | #e7c572 | hsl(43, 71%, 68%) |
|
|
700 | oklch(0.768 0.142 84.61) | #ddab33 | hsl(42, 71%, 53%) |
|
|
800 | oklch(0.627 0.120 84.24) | #aa811c | hsl(43, 72%, 39%) |
|
|
900 | oklch(0.451 0.084 84.60) | #6b5112 | hsl(42, 71%, 25%) |
|
|
950 | oklch(0.255 0.043 85.80) | #2c2107 | hsl(42, 73%, 10%) |
|
dsfds
50 | oklch(0.932 0.016 130.42) | #e5ebe0 | hsl(93, 22%, 90%) |
|
|
100 | oklch(0.909 0.022 130.03) | #dce4d5 | hsl(92, 22%, 86%) |
|
|
200 | oklch(0.886 0.030 132.62) | #d2deca | hsl(96, 23%, 83%) |
|
|
300 | oklch(0.862 0.036 132.07) | #c9d7bf | hsl(95, 23%, 80%) |
|
|
400 | oklch(0.838 0.042 131.71) | #c0d0b4 | hsl(94, 23%, 76%) |
|
|
500 | oklch(0.814 0.048 131.47) | #b7c9a9 | hsl(94, 23%, 73%) |
|
|
600 | oklch(0.725 0.070 131.95) | #96b082 | hsl(94, 23%, 60%) |
|
|
700 | oklch(0.632 0.087 132.02) | #76955d | hsl(93, 23%, 47%) |
|
|
800 | oklch(0.508 0.068 132.21) | #576e45 | hsl(94, 23%, 35%) |
|
|
900 | oklch(0.377 0.048 131.96) | #38472c | hsl(93, 23%, 23%) |
|
|
950 | oklch(0.229 0.022 131.26) | #191f14 | hsl(93, 22%, 10%) |
|
dsfds
50 | oklch(0.920 0.012 325.67) | #e9e2e9 | hsl(300, 14%, 90%) |
|
|
100 | oklch(0.831 0.027 323.93) | #d1c2d2 | hsl(296, 15%, 79%) |
|
|
200 | oklch(0.740 0.044 323.51) | #b9a2bb | hsl(295, 16%, 68%) |
|
|
300 | oklch(0.647 0.060 324.30) | #a182a3 | hsl(296, 15%, 57%) |
|
|
400 | oklch(0.551 0.069 323.76) | #866489 | hsl(295, 16%, 46%) |
|
|
500 | oklch(0.458 0.055 324.06) | #674d69 | hsl(296, 15%, 36%) |
|
|
600 | oklch(0.412 0.048 323.64) | #58425a | hsl(295, 15%, 31%) |
|
|
700 | oklch(0.365 0.041 323.06) | #49374b | hsl(294, 15%, 25%) |
|
|
800 | oklch(0.317 0.035 324.32) | #3b2c3c | hsl(296, 15%, 20%) |
|
|
900 | oklch(0.266 0.027 323.58) | #2c212d | hsl(295, 15%, 15%) |
|
|
950 | oklch(0.212 0.017 326.17) | #1d161d | hsl(300, 14%, 10%) |
|
dsfds
50 | oklch(0.922 0.005 325.62) | #e7e4e7 | hsl(300, 6%, 90%) |
|
|
100 | oklch(0.806 0.012 325.69) | #c4bdc4 | hsl(300, 6%, 75%) |
|
|
200 | oklch(0.684 0.022 325.82) | #a195a1 | hsl(300, 6%, 61%) |
|
|
300 | oklch(0.559 0.027 325.93) | #7d6f7d | hsl(300, 6%, 46%) |
|
|
400 | oklch(0.429 0.019 325.90) | #554c55 | hsl(300, 6%, 32%) |
|
|
500 | oklch(0.288 0.011 325.87) | #2e292e | hsl(300, 6%, 17%) |
|
|
600 | oklch(0.275 0.009 325.83) | #2a262a | hsl(300, 5%, 16%) |
|
|
700 | oklch(0.258 0.009 325.85) | #262226 | hsl(300, 6%, 14%) |
|
|
800 | oklch(0.245 0.010 325.86) | #231f23 | hsl(300, 6%, 13%) |
|
|
900 | oklch(0.228 0.010 325.89) | #1f1b1f | hsl(300, 7%, 11%) |
|
|
950 | oklch(0.214 0.007 325.83) | #1b181b | hsl(300, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.