Warm and Inviting Color Palette
This palette radiates a warm, inviting glow with soft peach and buttery yellow hues, balanced by serene mint and deep charcoal, evoking a cozy, modern retreat infused with cheerful tranquility.
Practical uses and creative applications
The Warm and Inviting Color Palette features a harmonious blend of soft, earthy tones, including #ffb884 (a warm peach), #f5df98 (a gentle yellow), #fff8d4 (a creamy off-white), #c0d1c2 (a muted sage), and #2e4347 (a deep teal). This palette is perfect for branding projects that aim to evoke feelings of comfort and approachability.
Whether you're designing a new logo for a cozy cafe or refreshing the visual identity of a wellness brand, these warm hues can create an inviting atmosphere that resonates with your target audience. Ideal for designers and creatives in various fields, this color palette shines in web design and packaging as well.
Use it to create stunning website backgrounds that encourage user engagement or to design product packaging that feels warm and welcoming. Additionally, the palette is well-suited for interior design projects, bringing a sense of tranquility to living spaces.
By incorporating these colors, you can cultivate an inviting environment that enhances the overall mood, making it appealing for family-oriented brands, lifestyle blogs, or any creative venture focused on community and connection.
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.931 0.043 59.40) | #ffe2cc | hsl(26, 100%, 90%) |
|
|
| 100 | oklch(0.910 0.056 57.35) | #ffd9be | hsl(25, 100%, 87%) |
|
|
| 200 | oklch(0.892 0.069 58.19) | #ffd1af | hsl(26, 100%, 84%) |
|
|
| 300 | oklch(0.874 0.081 57.97) | #ffc9a1 | hsl(26, 100%, 82%) |
|
|
| 400 | oklch(0.855 0.094 57.21) | #ffc092 | hsl(25, 100%, 79%) |
|
|
| 500 | oklch(0.838 0.107 56.90) | #ffb884 | hsl(25, 100%, 76%) |
|
|
| 600 | oklch(0.762 0.161 53.25) | #ff9141 | hsl(25, 100%, 63%) |
|
|
| 700 | oklch(0.699 0.199 45.40) | #fd6b00 | hsl(25, 100%, 50%) |
|
|
| 800 | oklch(0.555 0.156 46.24) | #b94e00 | hsl(25, 100%, 36%) |
|
|
| 900 | oklch(0.405 0.109 48.41) | #763200 | hsl(25, 100%, 23%) |
|
|
| 950 | oklch(0.238 0.058 56.02) | #331600 | hsl(26, 100%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.043 94.07) | #faf1d1 | hsl(47, 80%, 90%) |
|
|
| 100 | oklch(0.946 0.054 93.29) | #f9edc5 | hsl(46, 81%, 87%) |
|
|
| 200 | oklch(0.936 0.064 93.72) | #f8eaba | hsl(46, 82%, 85%) |
|
|
| 300 | oklch(0.925 0.073 92.94) | #f7e6af | hsl(46, 82%, 83%) |
|
|
| 400 | oklch(0.916 0.084 93.52) | #f6e3a3 | hsl(46, 82%, 80%) |
|
|
| 500 | oklch(0.906 0.093 92.88) | #f5df98 | hsl(46, 82%, 78%) |
|
|
| 600 | oklch(0.852 0.137 91.66) | #efcb59 | hsl(46, 82%, 64%) |
|
|
| 700 | oklch(0.804 0.160 88.59) | #e9b81a | hsl(46, 82%, 51%) |
|
|
| 800 | oklch(0.644 0.128 88.62) | #ad8811 | hsl(46, 82%, 37%) |
|
|
| 900 | oklch(0.465 0.091 88.77) | #6e560b | hsl(45, 82%, 24%) |
|
|
| 950 | oklch(0.268 0.049 93.06) | #2e2505 | hsl(47, 80%, 10%) |
|
dsfds
| 50 | oklch(0.972 0.056 98.59) | #fff7cc | hsl(51, 100%, 90%) |
|
|
| 100 | oklch(0.972 0.054 98.14) | #fff7ce | hsl(50, 100%, 90%) |
|
|
| 200 | oklch(0.972 0.052 97.90) | #fff7cf | hsl(50, 100%, 91%) |
|
|
| 300 | oklch(0.973 0.050 97.38) | #fff7d1 | hsl(50, 100%, 91%) |
|
|
| 400 | oklch(0.975 0.050 98.61) | #fff8d2 | hsl(51, 100%, 91%) |
|
|
| 500 | oklch(0.975 0.047 98.10) | #fff8d4 | hsl(50, 100%, 92%) |
|
|
| 600 | oklch(0.933 0.128 98.27) | #ffea81 | hsl(50, 100%, 75%) |
|
|
| 700 | oklch(0.900 0.176 97.04) | #ffdd2e | hsl(50, 100%, 59%) |
|
|
| 800 | oklch(0.784 0.161 95.00) | #d9b600 | hsl(50, 100%, 43%) |
|
|
| 900 | oklch(0.550 0.113 95.34) | #867000 | hsl(50, 100%, 26%) |
|
|
| 950 | oklch(0.289 0.060 98.23) | #332b00 | hsl(51, 100%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.012 145.48) | #e2e9e2 | hsl(120, 14%, 90%) |
|
|
| 100 | oklch(0.912 0.016 148.39) | #dbe5dc | hsl(126, 16%, 88%) |
|
|
| 200 | oklch(0.895 0.020 147.83) | #d4e0d5 | hsl(125, 16%, 85%) |
|
|
| 300 | oklch(0.877 0.022 149.68) | #cddbcf | hsl(129, 16%, 83%) |
|
|
| 400 | oklch(0.861 0.025 147.25) | #c7d6c8 | hsl(124, 15%, 81%) |
|
|
| 500 | oklch(0.844 0.028 148.77) | #c0d1c2 | hsl(127, 16%, 79%) |
|
|
| 600 | oklch(0.740 0.045 148.22) | #98b39b | hsl(127, 15%, 65%) |
|
|
| 700 | oklch(0.635 0.066 148.14) | #6f9674 | hsl(128, 16%, 51%) |
|
|
| 800 | oklch(0.508 0.053 147.44) | #516e54 | hsl(126, 15%, 37%) |
|
|
| 900 | oklch(0.372 0.038 147.54) | #334635 | hsl(126, 16%, 24%) |
|
|
| 950 | oklch(0.221 0.017 144.97) | #161d16 | hsl(120, 14%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.010 212.52) | #e0e9eb | hsl(191, 22%, 90%) |
|
|
| 100 | oklch(0.831 0.023 210.40) | #b7ccd0 | hsl(190, 21%, 77%) |
|
|
| 200 | oklch(0.731 0.038 209.48) | #8dafb5 | hsl(189, 21%, 63%) |
|
|
| 300 | oklch(0.627 0.051 211.43) | #64919a | hsl(190, 21%, 50%) |
|
|
| 400 | oklch(0.502 0.040 212.29) | #496a71 | hsl(191, 22%, 36%) |
|
|
| 500 | oklch(0.367 0.027 210.65) | #2e4347 | hsl(190, 21%, 23%) |
|
|
| 600 | oklch(0.338 0.024 212.91) | #293b3f | hsl(191, 21%, 20%) |
|
|
| 700 | oklch(0.312 0.022 210.39) | #243437 | hsl(189, 21%, 18%) |
|
|
| 800 | oklch(0.282 0.020 212.33) | #1e2c2f | hsl(191, 22%, 15%) |
|
|
| 900 | oklch(0.254 0.017 208.85) | #192527 | hsl(189, 22%, 13%) |
|
|
| 950 | oklch(0.223 0.014 212.79) | #141d1f | hsl(191, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
