Warm Cozy Color Palette
This palette exudes a warm, cozy ambiance with earthy browns, soft pastels, and gentle pinks, creating a serene and inviting atmosphere reminiscent of a sun-drenched afternoon tea.
Practical uses and creative applications
The Warm Cozy Color Palette features a harmonious blend of earthy tones and soft pastels, making it an ideal choice for anyone looking to create a welcoming and inviting atmosphere. With its main colorsrich brown (#805841), soothing aqua (#dcf7f3), sunny cream (#fffcdd), gentle blush (#ffd8d8), and soft coral (#f5a2a2)this palette is perfect for branding and web design projects aimed at promoting comfort and warmth.
Designers can leverage these colors to evoke feelings of safety and relaxation, making it a great fit for businesses in the hospitality, wellness, or home decor industries. This color palette is particularly well-suited for creatives who want to infuse a sense of coziness into their work.
Whether you're designing packaging for artisanal products, crafting an inviting interior space, or developing a website for a boutique, the Warm Cozy Color Palette can enhance your project's emotional appeal. It resonates with audiences who value comfort and homey vibes, making it a fantastic choice for lifestyle brands, cafes, or online stores focused on handmade goods.
Embrace the warmth and charm of this palette to create a memorable experience that captivates your 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.
50 | oklch(0.923 0.015 50.80) | #eee3dd | hsl(21, 33%, 90%) |
|
|
100 | oklch(0.842 0.030 50.56) | #dcc6ba | hsl(21, 33%, 80%) |
|
|
200 | oklch(0.759 0.046 50.26) | #caa997 | hsl(21, 32%, 69%) |
|
|
300 | oklch(0.676 0.065 50.88) | #b88c73 | hsl(22, 33%, 59%) |
|
|
400 | oklch(0.591 0.077 50.36) | #a37053 | hsl(22, 33%, 48%) |
|
|
500 | oklch(0.498 0.063 50.68) | #805841 | hsl(22, 33%, 38%) |
|
|
600 | oklch(0.445 0.056 51.28) | #6d4b37 | hsl(22, 33%, 32%) |
|
|
700 | oklch(0.391 0.047 50.65) | #5a3e2e | hsl(22, 32%, 27%) |
|
|
800 | oklch(0.335 0.039 51.56) | #473124 | hsl(22, 33%, 21%) |
|
|
900 | oklch(0.278 0.031 48.94) | #35241b | hsl(21, 33%, 16%) |
|
|
950 | oklch(0.217 0.021 49.82) | #221711 | hsl(21, 33%, 10%) |
|
50 | oklch(0.948 0.035 185.53) | #d5f6f1 | hsl(171, 65%, 90%) |
|
|
100 | oklch(0.949 0.033 184.90) | #d7f6f1 | hsl(170, 63%, 90%) |
|
|
200 | oklch(0.950 0.032 186.91) | #d8f6f2 | hsl(172, 63%, 91%) |
|
|
300 | oklch(0.951 0.031 186.61) | #d9f6f2 | hsl(172, 62%, 91%) |
|
|
400 | oklch(0.955 0.030 186.30) | #dbf7f3 | hsl(171, 64%, 91%) |
|
|
500 | oklch(0.955 0.029 185.95) | #dcf7f3 | hsl(171, 63%, 92%) |
|
|
600 | oklch(0.876 0.080 184.00) | #98e8dc | hsl(171, 63%, 75%) |
|
|
700 | oklch(0.805 0.118 182.04) | #55d8c5 | hsl(171, 63%, 59%) |
|
|
800 | oklch(0.686 0.116 180.24) | #28b19d | hsl(171, 63%, 43%) |
|
|
900 | oklch(0.483 0.079 180.95) | #196d61 | hsl(171, 63%, 26%) |
|
|
950 | oklch(0.259 0.039 181.28) | #092a25 | hsl(171, 65%, 10%) |
|
50 | oklch(0.980 0.061 103.42) | #fffbcc | hsl(55, 100%, 90%) |
|
|
100 | oklch(0.980 0.057 103.10) | #fffbcf | hsl(55, 100%, 91%) |
|
|
200 | oklch(0.981 0.052 102.59) | #fffbd3 | hsl(55, 100%, 91%) |
|
|
300 | oklch(0.982 0.048 102.16) | #fffbd6 | hsl(54, 100%, 92%) |
|
|
400 | oklch(0.985 0.044 103.03) | #fffcda | hsl(55, 100%, 93%) |
|
|
500 | oklch(0.985 0.040 102.58) | #fffcdd | hsl(55, 100%, 93%) |
|
|
600 | oklch(0.956 0.131 103.94) | #fff588 | hsl(55, 100%, 77%) |
|
|
700 | oklch(0.932 0.185 103.45) | #ffed33 | hsl(55, 100%, 60%) |
|
|
800 | oklch(0.829 0.174 102.62) | #ddca00 | hsl(55, 100%, 43%) |
|
|
900 | oklch(0.579 0.122 102.70) | #887c00 | hsl(55, 100%, 27%) |
|
|
950 | oklch(0.300 0.063 104.48) | #332f00 | hsl(55, 100%, 10%) |
|
50 | oklch(0.890 0.058 18.30) | #ffcccc | hsl(0, 100%, 90%) |
|
|
100 | oklch(0.894 0.056 18.24) | #ffcece | hsl(0, 100%, 90%) |
|
|
200 | oklch(0.900 0.052 18.16) | #ffd1d1 | hsl(0, 100%, 91%) |
|
|
300 | oklch(0.904 0.050 18.11) | #ffd3d3 | hsl(0, 100%, 91%) |
|
|
400 | oklch(0.911 0.046 18.03) | #ffd6d6 | hsl(0, 100%, 92%) |
|
|
500 | oklch(0.915 0.044 17.98) | #ffd8d8 | hsl(0, 100%, 92%) |
|
|
600 | oklch(0.751 0.150 21.27) | #ff8484 | hsl(0, 100%, 76%) |
|
|
700 | oklch(0.647 0.239 27.18) | #ff3030 | hsl(0, 100%, 59%) |
|
|
800 | oklch(0.560 0.230 29.23) | #db0000 | hsl(0, 100%, 43%) |
|
|
900 | oklch(0.391 0.161 29.23) | #870000 | hsl(0, 100%, 26%) |
|
|
950 | oklch(0.202 0.083 29.23) | #330000 | hsl(0, 100%, 10%) |
|
50 | oklch(0.896 0.046 18.05) | #fad1d1 | hsl(0, 80%, 90%) |
|
|
100 | oklch(0.876 0.056 18.27) | #f9c8c8 | hsl(0, 80%, 88%) |
|
|
200 | oklch(0.854 0.067 18.55) | #f8bebe | hsl(0, 81%, 86%) |
|
|
300 | oklch(0.834 0.077 18.83) | #f7b5b5 | hsl(0, 80%, 84%) |
|
|
400 | oklch(0.813 0.089 19.17) | #f6abab | hsl(0, 81%, 82%) |
|
|
500 | oklch(0.794 0.099 19.50) | #f5a2a2 | hsl(0, 81%, 80%) |
|
|
600 | oklch(0.673 0.174 22.94) | #ee6262 | hsl(0, 80%, 66%) |
|
|
700 | oklch(0.594 0.228 27.83) | #e72121 | hsl(0, 80%, 52%) |
|
|
800 | oklch(0.481 0.187 28.09) | #af1313 | hsl(0, 80%, 38%) |
|
|
900 | oklch(0.346 0.131 27.54) | #6e0c0c | hsl(0, 80%, 24%) |
|
|
950 | oklch(0.199 0.068 25.83) | #2e0505 | hsl(0, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection