Tropical Vacation — 5-color palette
#06D6A0#FFD166#118AB2#EF476F#073B4CHex codes
Hex
#06D6A0
RGB
6, 214, 160
HSL
164°, 95%, 43%
Hex
#FFD166
RGB
255, 209, 102
HSL
42°, 100%, 70%
Hex
#118AB2
RGB
17, 138, 178
HSL
195°, 83%, 38%
Hex
#EF476F
RGB
239, 71, 111
HSL
346°, 84%, 61%
Hex
#073B4C
RGB
7, 59, 76
HSL
195°, 83%, 16%
How to use this palette
The first color in Tropical Vacation 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-vacation-1: #06D6A0;
--tropical-vacation-2: #FFD166;
--tropical-vacation-3: #118AB2;
--tropical-vacation-4: #EF476F;
--tropical-vacation-5: #073B4C;
}