Tropical Sunset — 5-color palette
#FF5E5B#FF9B6A#FFC46B#A78AC9#3A4C7AHex codes
Hex
#FF5E5B
RGB
255, 94, 91
HSL
1°, 100%, 68%
Hex
#FF9B6A
RGB
255, 155, 106
HSL
20°, 100%, 71%
Hex
#FFC46B
RGB
255, 196, 107
HSL
36°, 100%, 71%
Hex
#A78AC9
RGB
167, 138, 201
HSL
268°, 37%, 66%
Hex
#3A4C7A
RGB
58, 76, 122
HSL
223°, 36%, 35%
How to use this palette
The first color in Tropical Sunset is the dominant tone — use it for primary surfaces and backgrounds. The middle three are the supporting palette: one warm, one cool, one neutral. The last is the accent — reserve it for highlights, calls-to-action, and emphasis.
For web projects, copy the CSS variables below. For print or illustration, use the hex codes directly. If you’re designing for accessibility, check the contrast between the text and background colors before you ship.
CSS
:root {
--tropical-sunset-1: #FF5E5B;
--tropical-sunset-2: #FF9B6A;
--tropical-sunset-3: #FFC46B;
--tropical-sunset-4: #A78AC9;
--tropical-sunset-5: #3A4C7A;
}