Tropical Escape Color Palette
This vibrant palette radiates sunny optimism with warm golden yellows and soft creams, invigorated by a refreshing teal and deep emerald, evoking a lively tropical escape.
Practical uses and creative applications
The Tropical Escape Color Palette radiates warmth and vibrancy, making it an ideal choice for brands that want to evoke feelings of joy and adventure. Featuring a harmonious blend of soft yellows (#FFEEBF and #FFDD80), a bold golden hue (#FFBB00), and lush greens (#00A682 and #00745B), this palette is perfect for web design, packaging, and branding that target tropical or vacation-inspired themes.
Whether you’re designing a travel agency website or creating packaging for a new line of tropical juices, these colors will transport your audience to a sun-kissed paradise. Ideal for designers and creatives seeking to infuse their projects with a lively and refreshing vibe, the Tropical Escape Color Palette lends itself well to both playful and sophisticated styles.
Its cheerful yellows and greens can invigorate interiors, making them perfect for cafes, beach resorts, or wellness retreats that aim to create a calming yet uplifting atmosphere. Embrace this palette for your next project and invite your audience to experience a slice of paradise through color.
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.960 0.050 89.76) | #fff1cc | hsl(44, 100%, 90%) |
|
|
| 100 | oklch(0.959 0.054 91.03) | #fff1c9 | hsl(44, 100%, 89%) |
|
|
| 200 | oklch(0.957 0.055 90.32) | #fff0c7 | hsl(44, 100%, 89%) |
|
|
| 300 | oklch(0.954 0.058 90.05) | #ffefc4 | hsl(44, 100%, 88%) |
|
|
| 400 | oklch(0.954 0.061 90.79) | #ffefc2 | hsl(44, 100%, 88%) |
|
|
| 500 | oklch(0.951 0.063 90.52) | #ffeebf | hsl(44, 100%, 87%) |
|
|
| 600 | oklch(0.897 0.131 89.72) | #ffd970 | hsl(44, 100%, 72%) |
|
|
| 700 | oklch(0.850 0.168 85.61) | #ffc421 | hsl(44, 100%, 56%) |
|
|
| 800 | oklch(0.717 0.148 82.29) | #d19900 | hsl(44, 100%, 41%) |
|
|
| 900 | oklch(0.508 0.104 83.38) | #825f00 | hsl(44, 100%, 25%) |
|
|
| 950 | oklch(0.274 0.056 87.08) | #332500 | hsl(44, 100%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.050 89.76) | #fff1cc | hsl(44, 100%, 90%) |
|
|
| 100 | oklch(0.949 0.065 89.92) | #ffedbd | hsl(44, 100%, 87%) |
|
|
| 200 | oklch(0.938 0.079 89.99) | #ffe9ae | hsl(44, 100%, 84%) |
|
|
| 300 | oklch(0.927 0.094 90.21) | #ffe59e | hsl(44, 100%, 81%) |
|
|
| 400 | oklch(0.917 0.106 90.09) | #ffe18f | hsl(44, 100%, 78%) |
|
|
| 500 | oklch(0.907 0.119 89.88) | #ffdd80 | hsl(44, 100%, 75%) |
|
|
| 600 | oklch(0.865 0.159 87.33) | #ffcb3e | hsl(44, 100%, 62%) |
|
|
| 700 | oklch(0.820 0.169 81.92) | #fab700 | hsl(44, 100%, 49%) |
|
|
| 800 | oklch(0.654 0.134 82.78) | #b88700 | hsl(44, 100%, 36%) |
|
|
| 900 | oklch(0.473 0.097 84.25) | #755600 | hsl(44, 100%, 23%) |
|
|
| 950 | oklch(0.274 0.056 87.08) | #332500 | hsl(44, 100%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.050 89.76) | #fff1cc | hsl(44, 100%, 90%) |
|
|
| 100 | oklch(0.932 0.090 90.86) | #ffe7a3 | hsl(44, 100%, 82%) |
|
|
| 200 | oklch(0.904 0.124 90.18) | #ffdc7a | hsl(44, 100%, 74%) |
|
|
| 300 | oklch(0.878 0.150 88.71) | #ffd152 | hsl(44, 100%, 66%) |
|
|
| 400 | oklch(0.855 0.166 86.21) | #ffc629 | hsl(44, 100%, 58%) |
|
|
| 500 | oklch(0.833 0.172 82.06) | #ffbb00 | hsl(44, 100%, 50%) |
|
|
| 600 | oklch(0.731 0.150 82.44) | #d69d00 | hsl(44, 100%, 42%) |
|
|
| 700 | oklch(0.625 0.129 82.99) | #ad7f00 | hsl(44, 100%, 34%) |
|
|
| 800 | oklch(0.516 0.106 83.13) | #856100 | hsl(44, 100%, 26%) |
|
|
| 900 | oklch(0.399 0.082 84.36) | #5c4300 | hsl(44, 100%, 18%) |
|
|
| 950 | oklch(0.274 0.056 87.08) | #332500 | hsl(44, 100%, 10%) |
|
dsfds
| 50 | oklch(0.962 0.054 180.49) | #ccfff4 | hsl(167, 100%, 90%) |
|
|
| 100 | oklch(0.927 0.108 178.05) | #91ffe7 | hsl(167, 100%, 78%) |
|
|
| 200 | oklch(0.905 0.147 175.56) | #57ffdb | hsl(167, 100%, 67%) |
|
|
| 300 | oklch(0.892 0.170 171.78) | #1cffce | hsl(167, 100%, 55%) |
|
|
| 400 | oklch(0.809 0.161 169.70) | #00e1b0 | hsl(167, 100%, 44%) |
|
|
| 500 | oklch(0.645 0.127 170.20) | #00a682 | hsl(167, 100%, 33%) |
|
|
| 600 | oklch(0.578 0.114 170.46) | #008f70 | hsl(167, 100%, 28%) |
|
|
| 700 | oklch(0.510 0.100 170.81) | #00785e | hsl(167, 100%, 24%) |
|
|
| 800 | oklch(0.439 0.086 171.31) | #00614c | hsl(167, 100%, 19%) |
|
|
| 900 | oklch(0.364 0.071 172.09) | #004a3a | hsl(167, 100%, 15%) |
|
|
| 950 | oklch(0.286 0.055 173.44) | #003328 | hsl(167, 100%, 10%) |
|
dsfds
| 50 | oklch(0.962 0.054 180.49) | #ccfff4 | hsl(167, 100%, 90%) |
|
|
| 100 | oklch(0.923 0.116 177.72) | #87ffe5 | hsl(167, 100%, 76%) |
|
|
| 200 | oklch(0.899 0.157 174.12) | #43ffd6 | hsl(167, 100%, 63%) |
|
|
| 300 | oklch(0.884 0.175 169.98) | #00fdc7 | hsl(167, 100%, 50%) |
|
|
| 400 | oklch(0.699 0.138 170.10) | #00b991 | hsl(167, 100%, 36%) |
|
|
| 500 | oklch(0.498 0.097 170.99) | #00745b | hsl(167, 100%, 23%) |
|
|
| 600 | oklch(0.457 0.089 171.43) | #006751 | hsl(167, 100%, 20%) |
|
|
| 700 | oklch(0.417 0.081 171.99) | #005a47 | hsl(167, 100%, 18%) |
|
|
| 800 | oklch(0.374 0.073 171.56) | #004d3c | hsl(167, 100%, 15%) |
|
|
| 900 | oklch(0.331 0.064 172.34) | #004032 | hsl(167, 100%, 13%) |
|
|
| 950 | oklch(0.286 0.055 173.44) | #003328 | hsl(167, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
