Warm Sunset Color Palette
This warm, sunset-inspired palette radiates a cheerful, cozy vibe with soft coral, peachy apricot, golden yellow, and buttery cream, evoking a playful, inviting atmosphere perfect for a relaxed gathering.
Practical uses and creative applications
The Warm Sunset Color Palette is a vibrant collection that captures the soothing hues of a sunset, featuring shades like soft coral (#eb7f7f), warm peach (#eb9a7f), golden yellow (#ebb57f), and gentle lemon (#ebd07f), culminating in a light buttery tone (#ebeb7f). This palette is ideal for branding projects that seek to evoke feelings of warmth and comfort, making it perfect for businesses in the hospitality, wellness, or lifestyle sectors.
By incorporating these colors into logos and marketing materials, brands can create a welcoming and inviting atmosphere that resonates with their audience. Web designers and creatives can leverage the Warm Sunset Color Palette for website interfaces that need to convey a sense of relaxation and positivity.
Whether it’s for a blog focused on travel or a boutique e-commerce store, these colors can enhance user experience and engagement. Additionally, this palette works beautifully in interior design, especially in spaces meant for relaxation, such as living rooms or bedrooms, where it can create a cozy, sun-kissed ambiance.
Overall, this palette is a fantastic choice for anyone looking to infuse their project with a touch of warmth and vibrancy, perfect for designers seeking to inspire and uplift.
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.898 0.042 17.95) | #f8d3d3 | hsl(0, 73%, 90%) |
|
|
| 100 | oklch(0.859 0.059 18.36) | #f5c2c2 | hsl(0, 72%, 86%) |
|
|
| 200 | oklch(0.822 0.077 18.86) | #f3b1b1 | hsl(0, 73%, 82%) |
|
|
| 300 | oklch(0.786 0.094 19.40) | #f0a1a1 | hsl(0, 72%, 79%) |
|
|
| 400 | oklch(0.751 0.114 20.11) | #ee9090 | hsl(0, 73%, 75%) |
|
|
| 500 | oklch(0.716 0.133 20.92) | #eb7f7f | hsl(0, 73%, 71%) |
|
|
| 600 | oklch(0.623 0.191 24.57) | #e34949 | hsl(0, 73%, 59%) |
|
|
| 700 | oklch(0.546 0.206 27.54) | #cd2020 | hsl(0, 73%, 46%) |
|
|
| 800 | oklch(0.439 0.163 27.21) | #981818 | hsl(0, 73%, 35%) |
|
|
| 900 | oklch(0.324 0.116 26.64) | #620f0f | hsl(0, 73%, 22%) |
|
|
| 950 | oklch(0.199 0.061 24.66) | #2c0707 | hsl(0, 73%, 10%) |
|
dsfds
| 50 | oklch(0.915 0.034 38.63) | #f8dcd3 | hsl(15, 73%, 90%) |
|
|
| 100 | oklch(0.883 0.047 39.78) | #f5cfc2 | hsl(15, 72%, 86%) |
|
|
| 200 | oklch(0.853 0.061 40.00) | #f3c2b1 | hsl(15, 73%, 82%) |
|
|
| 300 | oklch(0.820 0.075 38.30) | #f0b4a1 | hsl(14, 72%, 79%) |
|
|
| 400 | oklch(0.791 0.091 38.70) | #eea790 | hsl(15, 73%, 75%) |
|
|
| 500 | oklch(0.761 0.105 39.19) | #eb9a7f | hsl(15, 73%, 71%) |
|
|
| 600 | oklch(0.673 0.153 39.10) | #e37049 | hsl(15, 73%, 59%) |
|
|
| 700 | oklch(0.585 0.174 37.50) | #cd4b20 | hsl(15, 73%, 46%) |
|
|
| 800 | oklch(0.472 0.136 37.83) | #983818 | hsl(15, 73%, 35%) |
|
|
| 900 | oklch(0.349 0.096 38.36) | #62240f | hsl(15, 73%, 22%) |
|
|
| 950 | oklch(0.215 0.050 38.81) | #2c1007 | hsl(15, 73%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.032 68.93) | #f8e6d3 | hsl(31, 73%, 90%) |
|
|
| 100 | oklch(0.908 0.044 68.32) | #f5dcc2 | hsl(31, 72%, 86%) |
|
|
| 200 | oklch(0.883 0.057 66.97) | #f3d2b1 | hsl(30, 73%, 82%) |
|
|
| 300 | oklch(0.858 0.069 65.98) | #f0c8a1 | hsl(30, 72%, 79%) |
|
|
| 400 | oklch(0.835 0.082 66.31) | #eebf90 | hsl(30, 73%, 75%) |
|
|
| 500 | oklch(0.810 0.094 65.85) | #ebb57f | hsl(30, 73%, 71%) |
|
|
| 600 | oklch(0.736 0.131 63.15) | #e39649 | hsl(30, 73%, 59%) |
|
|
| 700 | oklch(0.651 0.142 59.60) | #cd7720 | hsl(30, 73%, 46%) |
|
|
| 800 | oklch(0.524 0.112 59.89) | #985818 | hsl(30, 73%, 35%) |
|
|
| 900 | oklch(0.387 0.079 61.45) | #62390f | hsl(30, 73%, 22%) |
|
|
| 950 | oklch(0.237 0.042 65.06) | #2c1a07 | hsl(31, 73%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.038 92.23) | #f8efd3 | hsl(45, 73%, 90%) |
|
|
| 100 | oklch(0.934 0.052 92.94) | #f5e9c2 | hsl(46, 72%, 86%) |
|
|
| 200 | oklch(0.915 0.066 91.19) | #f3e2b1 | hsl(45, 73%, 82%) |
|
|
| 300 | oklch(0.897 0.079 91.54) | #f0dca1 | hsl(45, 72%, 79%) |
|
|
| 400 | oklch(0.880 0.093 91.29) | #eed690 | hsl(45, 73%, 75%) |
|
|
| 500 | oklch(0.863 0.105 91.60) | #ebd07f | hsl(45, 73%, 71%) |
|
|
| 600 | oklch(0.809 0.138 89.99) | #e3bc49 | hsl(45, 73%, 59%) |
|
|
| 700 | oklch(0.732 0.142 88.27) | #cda220 | hsl(45, 73%, 46%) |
|
|
| 800 | oklch(0.588 0.113 88.46) | #987818 | hsl(45, 73%, 35%) |
|
|
| 900 | oklch(0.431 0.081 88.66) | #624d0f | hsl(45, 73%, 22%) |
|
|
| 950 | oklch(0.260 0.045 91.10) | #2c2307 | hsl(45, 73%, 10%) |
|
dsfds
| 50 | oklch(0.970 0.048 107.26) | #f8f8d3 | hsl(60, 73%, 90%) |
|
|
| 100 | oklch(0.958 0.066 107.58) | #f5f5c2 | hsl(60, 72%, 86%) |
|
|
| 200 | oklch(0.949 0.084 107.90) | #f3f3b1 | hsl(60, 73%, 82%) |
|
|
| 300 | oklch(0.937 0.100 108.18) | #f0f0a1 | hsl(60, 72%, 79%) |
|
|
| 400 | oklch(0.929 0.116 108.47) | #eeee90 | hsl(60, 73%, 75%) |
|
|
| 500 | oklch(0.918 0.131 108.73) | #ebeb7f | hsl(60, 73%, 71%) |
|
|
| 600 | oklch(0.889 0.169 109.39) | #e3e349 | hsl(60, 73%, 59%) |
|
|
| 700 | oklch(0.822 0.173 109.66) | #cdcd20 | hsl(60, 73%, 46%) |
|
|
| 800 | oklch(0.659 0.137 109.64) | #989818 | hsl(60, 73%, 35%) |
|
|
| 900 | oklch(0.481 0.099 109.60) | #62620f | hsl(60, 73%, 22%) |
|
|
| 950 | oklch(0.285 0.054 109.40) | #2c2c07 | hsl(60, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
