Warm Nostalgic Color Palette
This palette exudes a warm, nostalgic charm with soft beige, blush pink, and muted rose, balanced by earthy mauve and fresh sage, creating a cozy, romantic atmosphere perfect for inviting spaces.
Practical uses and creative applications
The Warm Nostalgic Color Palette is a harmonious blend of soft, earthy tones that evoke a sense of comfort and familiarity. Featuring shades like the gentle beige of #efe2bf and the warm coral of #f5a489, this palette is perfect for branding projects aimed at eliciting warmth and connection.
Whether you're designing a website for a local café or crafting packaging for artisanal goods, these colors can help convey a sense of tradition and authenticity, appealing to an audience that values quality and heritage. Ideal for designers and creatives looking to create spaces or visuals that resonate with a cozy, retro vibe, the Warm Nostalgic Color Palette suits a variety of applications.
From interior design that incorporates these hues into calming living spaces, to web design that invites users to linger, this palette can enhance any project that aims for an inviting atmosphere. Use it in branding to connect emotionally with consumers, or in packaging to give products a timeless appeal that stands out on the shelf.
With its versatile and comforting tones, this palette is sure to inspire creativity and nostalgia in any venture.
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.946 0.032 91.03) | #f5edd6 | hsl(45, 61%, 90%) |
|
|
| 100 | oklch(0.939 0.033 88.06) | #f4ead2 | hsl(42, 61%, 89%) |
|
|
| 200 | oklch(0.932 0.037 90.07) | #f2e8cd | hsl(44, 59%, 88%) |
|
|
| 300 | oklch(0.926 0.041 90.25) | #f1e6c8 | hsl(44, 59%, 86%) |
|
|
| 400 | oklch(0.920 0.044 89.89) | #f0e4c4 | hsl(44, 59%, 85%) |
|
|
| 500 | oklch(0.914 0.048 90.06) | #efe2bf | hsl(44, 60%, 84%) |
|
|
| 600 | oklch(0.835 0.092 90.32) | #e0c782 | hsl(44, 60%, 69%) |
|
|
| 700 | oklch(0.757 0.126 88.20) | #d1ab46 | hsl(44, 60%, 55%) |
|
|
| 800 | oklch(0.619 0.111 87.45) | #a28129 | hsl(44, 60%, 40%) |
|
|
| 900 | oklch(0.444 0.077 88.77) | #655119 | hsl(44, 60%, 25%) |
|
|
| 950 | oklch(0.251 0.039 90.21) | #29210a | hsl(45, 61%, 10%) |
|
dsfds
| 50 | oklch(0.915 0.039 39.91) | #fbdbd0 | hsl(15, 84%, 90%) |
|
|
| 100 | oklch(0.890 0.051 39.27) | #fad0c2 | hsl(15, 85%, 87%) |
|
|
| 200 | oklch(0.865 0.064 38.88) | #f9c5b4 | hsl(15, 85%, 84%) |
|
|
| 300 | oklch(0.839 0.077 39.82) | #f7baa5 | hsl(15, 84%, 81%) |
|
|
| 400 | oklch(0.815 0.090 39.46) | #f6af97 | hsl(15, 84%, 78%) |
|
|
| 500 | oklch(0.792 0.104 39.20) | #f5a489 | hsl(15, 84%, 75%) |
|
|
| 600 | oklch(0.699 0.162 38.82) | #f0754c | hsl(15, 85%, 62%) |
|
|
| 700 | oklch(0.622 0.203 36.38) | #e64813 | hsl(15, 85%, 49%) |
|
|
| 800 | oklch(0.497 0.158 36.75) | #a9350e | hsl(15, 85%, 36%) |
|
|
| 900 | oklch(0.364 0.111 37.43) | #6c2209 | hsl(15, 85%, 23%) |
|
|
| 950 | oklch(0.218 0.057 40.59) | #2f0f04 | hsl(15, 84%, 10%) |
|
dsfds
| 50 | oklch(0.897 0.044 16.26) | #f9d2d3 | hsl(358, 76%, 90%) |
|
|
| 100 | oklch(0.861 0.061 17.14) | #f7c2c3 | hsl(359, 77%, 86%) |
|
|
| 200 | oklch(0.824 0.080 16.98) | #f5b1b3 | hsl(358, 77%, 83%) |
|
|
| 300 | oklch(0.791 0.098 17.12) | #f3a1a4 | hsl(358, 77%, 79%) |
|
|
| 400 | oklch(0.757 0.116 18.17) | #f19194 | hsl(358, 77%, 76%) |
|
|
| 500 | oklch(0.726 0.135 19.25) | #ef8184 | hsl(358, 77%, 72%) |
|
|
| 600 | oklch(0.631 0.195 23.39) | #e8494d | hsl(358, 78%, 60%) |
|
|
| 700 | oklch(0.560 0.216 27.14) | #d61b20 | hsl(358, 78%, 47%) |
|
|
| 800 | oklch(0.449 0.171 26.70) | #9e1418 | hsl(358, 78%, 35%) |
|
|
| 900 | oklch(0.330 0.122 26.23) | #660d0f | hsl(359, 77%, 23%) |
|
|
| 950 | oklch(0.199 0.064 23.56) | #2d0607 | hsl(358, 76%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.018 355.14) | #eddee3 | hsl(340, 29%, 90%) |
|
|
| 100 | oklch(0.849 0.030 358.91) | #dfc6cd | hsl(343, 28%, 83%) |
|
|
| 200 | oklch(0.783 0.044 357.88) | #d1adb8 | hsl(342, 28%, 75%) |
|
|
| 300 | oklch(0.715 0.060 357.77) | #c394a3 | hsl(341, 28%, 67%) |
|
|
| 400 | oklch(0.649 0.074 359.90) | #b57c8d | hsl(342, 28%, 60%) |
|
|
| 500 | oklch(0.582 0.091 0.43) | #a76378 | hsl(341, 28%, 52%) |
|
|
| 600 | oklch(0.511 0.088 0.30) | #8f5064 | hsl(341, 28%, 44%) |
|
|
| 700 | oklch(0.440 0.072 1.17) | #734150 | hsl(342, 28%, 35%) |
|
|
| 800 | oklch(0.366 0.059 0.61) | #58313d | hsl(342, 28%, 27%) |
|
|
| 900 | oklch(0.289 0.042 0.14) | #3c222a | hsl(342, 28%, 18%) |
|
|
| 950 | oklch(0.205 0.026 358.10) | #211217 | hsl(340, 29%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.023 134.95) | #e3edde | hsl(100, 29%, 90%) |
|
|
| 100 | oklch(0.907 0.035 134.51) | #d7e6cf | hsl(99, 32%, 86%) |
|
|
| 200 | oklch(0.879 0.044 133.48) | #ccdec1 | hsl(97, 31%, 81%) |
|
|
| 300 | oklch(0.852 0.055 134.22) | #c0d7b3 | hsl(98, 31%, 77%) |
|
|
| 400 | oklch(0.823 0.065 133.95) | #b4cfa4 | hsl(98, 31%, 73%) |
|
|
| 500 | oklch(0.796 0.077 134.48) | #a8c896 | hsl(98, 31%, 69%) |
|
|
| 600 | oklch(0.718 0.105 135.11) | #87b36f | hsl(99, 31%, 57%) |
|
|
| 700 | oklch(0.626 0.113 135.21) | #69974f | hsl(98, 31%, 45%) |
|
|
| 800 | oklch(0.505 0.088 135.21) | #4e703b | hsl(98, 31%, 34%) |
|
|
| 900 | oklch(0.377 0.063 134.74) | #334926 | hsl(98, 32%, 22%) |
|
|
| 950 | oklch(0.233 0.031 135.60) | #172112 | hsl(100, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
