Tropical Dusk — 5-color palette
#FF6B35#F7931E#FFD23F#06AED5#086788Hex codes
Hex
#FF6B35
RGB
255, 107, 53
HSL
16°, 100%, 60%
Hex
#F7931E
RGB
247, 147, 30
HSL
32°, 93%, 54%
Hex
#FFD23F
RGB
255, 210, 63
HSL
46°, 100%, 62%
Hex
#06AED5
RGB
6, 174, 213
HSL
191°, 95%, 43%
Hex
#086788
RGB
8, 103, 136
HSL
195°, 89%, 28%
How to use this palette
The first color in Tropical Dusk 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-dusk-1: #FF6B35;
--tropical-dusk-2: #F7931E;
--tropical-dusk-3: #FFD23F;
--tropical-dusk-4: #06AED5;
--tropical-dusk-5: #086788;
}