Vibrant Sunset Color Palette
A vibrant sunset-inspired palette, blending warm honey yellows and fiery corals with deep burgundy and soothing teal, exuding a lively yet grounded energy perfect for an eclectic, bohemian style.
Practical uses and creative applications
The Vibrant Sunset Color Palette is a stunning collection that captures the essence of a breathtaking sunset, featuring rich tones of golden yellows, warm corals, and deep reds. With colors like #eec77a, #e77155, and #c71755, this palette is perfect for brands looking to evoke feelings of warmth, energy, and passion.
It’s an ideal choice for web design, where a lively site can engage users and enhance their experience, making it especially well-suited for creative agencies, lifestyle brands, or any business wanting to stand out in a crowded market. This palette also shines in packaging design, offering an eye-catching aesthetic that can draw consumers' attention on crowded shelves.
The earthy tones of #7b3336 and the calming hue of #5b9b9a add depth and balance, making it a fantastic choice for eco-friendly products or artisanal goods that aim to convey authenticity and warmth. Designers and creatives can leverage the Vibrant Sunset Color Palette to create inviting interiors, perfect for cafes, boutiques, or wellness spaces that aim to foster a relaxed yet vibrant atmosphere.
Whether you’re revamping your branding or designing a new space, this palette is sure to inspire and invigorate.
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.947 0.037 84.59) | #f9ecd2 | hsl(40, 76%, 90%) |
|
|
| 100 | oklch(0.927 0.052 85.10) | #f7e5c0 | hsl(40, 77%, 86%) |
|
|
| 200 | oklch(0.906 0.065 83.54) | #f5ddaf | hsl(39, 78%, 82%) |
|
|
| 300 | oklch(0.886 0.080 84.67) | #f2d69d | hsl(40, 77%, 78%) |
|
|
| 400 | oklch(0.866 0.092 83.40) | #f0ce8c | hsl(40, 77%, 75%) |
|
|
| 500 | oklch(0.847 0.105 83.40) | #eec77a | hsl(40, 77%, 71%) |
|
|
| 600 | oklch(0.789 0.138 81.11) | #e7b043 | hsl(40, 77%, 58%) |
|
|
| 700 | oklch(0.710 0.142 77.28) | #d2941b | hsl(40, 77%, 46%) |
|
|
| 800 | oklch(0.568 0.112 77.58) | #9b6d14 | hsl(40, 77%, 34%) |
|
|
| 900 | oklch(0.419 0.080 79.39) | #64470d | hsl(40, 77%, 22%) |
|
|
| 950 | oklch(0.253 0.044 81.85) | #2d2006 | hsl(40, 76%, 10%) |
|
| 50 | oklch(0.912 0.036 34.81) | #f9dad2 | hsl(12, 76%, 90%) |
|
|
| 100 | oklch(0.862 0.058 34.38) | #f5c5b9 | hsl(12, 75%, 84%) |
|
|
| 200 | oklch(0.815 0.081 34.08) | #f2b0a0 | hsl(12, 76%, 79%) |
|
|
| 300 | oklch(0.768 0.104 34.22) | #ee9b87 | hsl(12, 75%, 73%) |
|
|
| 400 | oklch(0.724 0.129 34.32) | #eb866e | hsl(12, 76%, 68%) |
|
|
| 500 | oklch(0.682 0.153 34.57) | #e77155 | hsl(12, 75%, 62%) |
|
|
| 600 | oklch(0.615 0.192 34.27) | #e04a27 | hsl(11, 75%, 52%) |
|
|
| 700 | oklch(0.527 0.169 34.17) | #b8381a | hsl(11, 75%, 41%) |
|
|
| 800 | oklch(0.429 0.135 34.45) | #8a2a13 | hsl(12, 76%, 31%) |
|
|
| 900 | oklch(0.324 0.096 34.60) | #5b1c0d | hsl(12, 75%, 20%) |
|
|
| 950 | oklch(0.213 0.054 36.36) | #2d0e06 | hsl(12, 76%, 10%) |
|
| 50 | oklch(0.900 0.050 354.15) | #fad1e0 | hsl(338, 80%, 90%) |
|
|
| 100 | oklch(0.811 0.097 357.08) | #f5a7c2 | hsl(339, 80%, 81%) |
|
|
| 200 | oklch(0.728 0.148 359.01) | #f07ca5 | hsl(339, 79%, 71%) |
|
|
| 300 | oklch(0.659 0.193 2.29) | #eb5288 | hsl(339, 79%, 62%) |
|
|
| 400 | oklch(0.607 0.223 7.05) | #e6276b | hsl(339, 79%, 53%) |
|
|
| 500 | oklch(0.538 0.205 8.93) | #c71755 | hsl(339, 79%, 44%) |
|
|
| 600 | oklch(0.476 0.180 8.39) | #a81348 | hsl(339, 80%, 37%) |
|
|
| 700 | oklch(0.414 0.155 8.02) | #8a103b | hsl(339, 79%, 30%) |
|
|
| 800 | oklch(0.346 0.128 7.00) | #6b0c2e | hsl(339, 80%, 23%) |
|
|
| 900 | oklch(0.277 0.098 5.59) | #4c0921 | hsl(339, 79%, 17%) |
|
|
| 950 | oklch(0.204 0.069 2.70) | #2e0514 | hsl(338, 80%, 10%) |
|
| 50 | oklch(0.909 0.023 14.28) | #f0dbdc | hsl(357, 41%, 90%) |
|
|
| 100 | oklch(0.807 0.051 15.21) | #dfb3b5 | hsl(357, 41%, 79%) |
|
|
| 200 | oklch(0.704 0.085 16.59) | #cf8a8d | hsl(357, 42%, 68%) |
|
|
| 300 | oklch(0.605 0.118 18.50) | #be6266 | hsl(357, 41%, 56%) |
|
|
| 400 | oklch(0.514 0.126 20.11) | #a34448 | hsl(357, 41%, 45%) |
|
|
| 500 | oklch(0.421 0.101 19.92) | #7b3336 | hsl(358, 41%, 34%) |
|
|
| 600 | oklch(0.381 0.089 20.32) | #6a2c2e | hsl(358, 41%, 29%) |
|
|
| 700 | oklch(0.338 0.076 19.59) | #582527 | hsl(358, 41%, 25%) |
|
|
| 800 | oklch(0.293 0.064 18.97) | #471d1f | hsl(357, 42%, 20%) |
|
|
| 900 | oklch(0.247 0.050 19.38) | #351617 | hsl(358, 41%, 15%) |
|
|
| 950 | oklch(0.200 0.036 17.75) | #240f10 | hsl(357, 41%, 10%) |
|
| 50 | oklch(0.933 0.014 196.92) | #dfecec | hsl(180, 25%, 90%) |
|
|
| 100 | oklch(0.877 0.026 196.69) | #c4dcdc | hsl(180, 26%, 82%) |
|
|
| 200 | oklch(0.822 0.038 194.35) | #a9cdcc | hsl(178, 26%, 73%) |
|
|
| 300 | oklch(0.765 0.050 194.52) | #8ebdbc | hsl(179, 26%, 65%) |
|
|
| 400 | oklch(0.708 0.059 194.49) | #74adac | hsl(179, 26%, 57%) |
|
|
| 500 | oklch(0.646 0.066 194.35) | #5b9b9a | hsl(179, 26%, 48%) |
|
|
| 600 | oklch(0.570 0.057 195.68) | #4d8282 | hsl(180, 26%, 41%) |
|
|
| 700 | oklch(0.492 0.049 193.82) | #3e6a69 | hsl(179, 26%, 33%) |
|
|
| 800 | oklch(0.410 0.039 195.75) | #305151 | hsl(180, 26%, 25%) |
|
|
| 900 | oklch(0.325 0.030 192.41) | #213938 | hsl(178, 27%, 18%) |
|
|
| 950 | oklch(0.232 0.018 195.97) | #132020 | hsl(180, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
