Warm Nostalgia Color Palette
This palette radiates a warm, sun-kissed nostalgia with soft cream and peach tones, accented by earthy olive and deep charcoal, evoking a cozy, rustic charm.
Practical uses and creative applications
The Warm Nostalgia Color Palette features a soothing blend of soft yellows and earthy tones, making it an ideal choice for designers looking to evoke a sense of comfort and familiarity. With its main colors#fcf6d2, #fbe2b9, #c6c39a, and the rich, deep #281f20this palette is perfect for branding projects that aim to connect emotionally with audiences.
Whether you're developing a boutique coffee shop's identity or crafting a vintage-inspired product line, this palette encapsulates warmth and charm that resonates deeply with consumers. In web design, the Warm Nostalgia Color Palette can be utilized to create inviting user experiences.
Its gentle hues are conducive to readability, making it suitable for e-commerce sites or personal blogs that focus on storytelling. Additionally, this palette shines in interior design, where it can transform spaces into cozy retreats, ideal for family-oriented homes or cafes.
Designers and creatives looking to infuse a nostalgic yet contemporary vibe into their projects will find this palette versatile and deeply engaging, allowing them to craft memorable experiences that linger in the minds of their audience.
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.966 0.050 98.61) | #fcf5cf | hsl(51, 88%, 90%) |
|
|
| 100 | oklch(0.968 0.050 99.84) | #fcf6d0 | hsl(52, 88%, 90%) |
|
|
| 200 | oklch(0.968 0.050 99.84) | #fcf6d0 | hsl(52, 88%, 90%) |
|
|
| 300 | oklch(0.968 0.048 99.63) | #fcf6d1 | hsl(52, 88%, 90%) |
|
|
| 400 | oklch(0.968 0.048 99.63) | #fcf6d1 | hsl(52, 88%, 90%) |
|
|
| 500 | oklch(0.969 0.047 99.40) | #fcf6d2 | hsl(51, 88%, 91%) |
|
|
| 600 | oklch(0.920 0.120 100.19) | #f7e785 | hsl(52, 88%, 75%) |
|
|
| 700 | oklch(0.876 0.167 99.01) | #f2d738 | hsl(51, 88%, 58%) |
|
|
| 800 | oklch(0.755 0.154 97.81) | #caaf0d | hsl(51, 88%, 42%) |
|
|
| 900 | oklch(0.532 0.107 97.97) | #7d6c08 | hsl(51, 88%, 26%) |
|
|
| 950 | oklch(0.280 0.055 98.51) | #302903 | hsl(51, 88%, 10%) |
|
dsfds
| 50 | oklch(0.966 0.050 98.61) | #fcf5cf | hsl(51, 88%, 90%) |
|
|
| 100 | oklch(0.968 0.050 99.84) | #fcf6d0 | hsl(52, 88%, 90%) |
|
|
| 200 | oklch(0.968 0.050 99.84) | #fcf6d0 | hsl(52, 88%, 90%) |
|
|
| 300 | oklch(0.968 0.048 99.63) | #fcf6d1 | hsl(52, 88%, 90%) |
|
|
| 400 | oklch(0.968 0.048 99.63) | #fcf6d1 | hsl(52, 88%, 90%) |
|
|
| 500 | oklch(0.969 0.047 99.40) | #fcf6d2 | hsl(51, 88%, 91%) |
|
|
| 600 | oklch(0.920 0.120 100.19) | #f7e785 | hsl(52, 88%, 75%) |
|
|
| 700 | oklch(0.876 0.167 99.01) | #f2d738 | hsl(51, 88%, 58%) |
|
|
| 800 | oklch(0.755 0.154 97.81) | #caaf0d | hsl(51, 88%, 42%) |
|
|
| 900 | oklch(0.532 0.107 97.97) | #7d6c08 | hsl(51, 88%, 26%) |
|
|
| 950 | oklch(0.280 0.055 98.51) | #302903 | hsl(51, 88%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.041 80.33) | #fcebcf | hsl(37, 88%, 90%) |
|
|
| 100 | oklch(0.941 0.046 80.07) | #fce9ca | hsl(37, 89%, 89%) |
|
|
| 200 | oklch(0.937 0.049 79.15) | #fce7c6 | hsl(37, 90%, 88%) |
|
|
| 300 | oklch(0.933 0.052 81.17) | #fbe6c2 | hsl(38, 88%, 87%) |
|
|
| 400 | oklch(0.928 0.057 80.88) | #fbe4bd | hsl(38, 89%, 86%) |
|
|
| 500 | oklch(0.923 0.060 80.06) | #fbe2b9 | hsl(37, 89%, 85%) |
|
|
| 600 | oklch(0.849 0.118 78.60) | #f7c470 | hsl(37, 89%, 70%) |
|
|
| 700 | oklch(0.782 0.156 73.38) | #f3a627 | hsl(37, 89%, 55%) |
|
|
| 800 | oklch(0.647 0.137 70.39) | #c27d0b | hsl(37, 89%, 40%) |
|
|
| 900 | oklch(0.461 0.096 71.77) | #794e07 | hsl(37, 89%, 25%) |
|
|
| 950 | oklch(0.255 0.049 76.47) | #301f03 | hsl(37, 88%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.019 103.43) | #edecde | hsl(56, 29%, 90%) |
|
|
| 100 | oklch(0.915 0.025 104.44) | #e5e4d1 | hsl(57, 28%, 86%) |
|
|
| 200 | oklch(0.887 0.032 103.14) | #dddbc3 | hsl(55, 28%, 82%) |
|
|
| 300 | oklch(0.861 0.040 104.08) | #d5d3b5 | hsl(56, 28%, 77%) |
|
|
| 400 | oklch(0.835 0.047 103.32) | #cecba8 | hsl(55, 28%, 73%) |
|
|
| 500 | oklch(0.809 0.055 104.08) | #c6c39a | hsl(56, 28%, 69%) |
|
|
| 600 | oklch(0.734 0.075 104.61) | #b0ac74 | hsl(56, 28%, 57%) |
|
|
| 700 | oklch(0.643 0.081 105.12) | #949054 | hsl(56, 28%, 45%) |
|
|
| 800 | oklch(0.517 0.063 103.85) | #6e6a3e | hsl(55, 28%, 34%) |
|
|
| 900 | oklch(0.384 0.045 104.91) | #474528 | hsl(56, 28%, 22%) |
|
|
| 950 | oklch(0.240 0.025 104.63) | #212012 | hsl(56, 29%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.008 7.30) | #e9e2e3 | hsl(351, 14%, 90%) |
|
|
| 100 | oklch(0.793 0.018 13.20) | #c7b7b8 | hsl(356, 13%, 75%) |
|
|
| 200 | oklch(0.661 0.032 10.13) | #a58b8e | hsl(353, 13%, 60%) |
|
|
| 300 | oklch(0.529 0.036 11.18) | #7f6366 | hsl(354, 12%, 44%) |
|
|
| 400 | oklch(0.396 0.027 11.26) | #544143 | hsl(354, 13%, 29%) |
|
|
| 500 | oklch(0.250 0.014 10.61) | #281f20 | hsl(353, 13%, 14%) |
|
|
| 600 | oklch(0.242 0.014 10.67) | #261d1e | hsl(353, 13%, 13%) |
|
|
| 700 | oklch(0.235 0.011 17.96) | #231c1c | hsl(0, 11%, 12%) |
|
|
| 800 | oklch(0.227 0.011 8.31) | #211a1b | hsl(351, 12%, 12%) |
|
|
| 900 | oklch(0.218 0.011 8.37) | #1f1819 | hsl(351, 13%, 11%) |
|
|
| 950 | oklch(0.209 0.011 8.44) | #1d1617 | hsl(351, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
