Tropical Escape Color Palette
A refreshing tropical escape, this palette blends soft mint greens and vivid coral with deep teal, accented by sunny gold, evoking a vibrant and playful beachside vibe.
Practical uses and creative applications
The Tropical Escape Color Palette is a vibrant combination that evokes the essence of sun-soaked beaches and lush jungles. Featuring soft mint green (#E3FFE8), a refreshing teal (#00ECAC), deep jungle green (#002725), a striking coral red (#E3371F), and a warm sunshine yellow (#FFDA73), this palette is perfect for designers looking to infuse their projects with a sense of adventure and relaxation.
It is particularly ideal for branding in the travel and hospitality industries, where the goal is to evoke feelings of escape and tranquility. In web design, the Tropical Escape palette can create an engaging user experience, drawing attention to key elements while maintaining a harmonious aesthetic.
The cheerful yellows and vibrant teals can be used in call-to-action buttons and headers, while the deeper tones provide grounding and contrast. For creatives in packaging design, this palette can help products stand out on shelves, communicating a fun and refreshing vibe that captures the attention of consumers.
Whether you’re designing for a beach resort, a tropical-themed event, or a summer product line, this color palette is sure to inspire and resonate with audiences seeking a touch of paradise in their everyday lives.
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.954 0.077 149.97) | #ccffd5 | hsl(131, 100%, 90%) |
|
|
| 100 | oklch(0.958 0.069 150.01) | #d1ffd9 | hsl(130, 100%, 91%) |
|
|
| 200 | oklch(0.961 0.063 150.67) | #d5ffdd | hsl(131, 100%, 92%) |
|
|
| 300 | oklch(0.965 0.056 149.85) | #daffe0 | hsl(130, 100%, 93%) |
|
|
| 400 | oklch(0.969 0.049 150.60) | #deffe4 | hsl(131, 100%, 94%) |
|
|
| 500 | oklch(0.974 0.042 150.61) | #e3ffe8 | hsl(131, 100%, 95%) |
|
|
| 600 | oklch(0.909 0.166 148.12) | #8dffa1 | hsl(131, 100%, 78%) |
|
|
| 700 | oklch(0.875 0.257 145.19) | #37ff5a | hsl(131, 100%, 61%) |
|
|
| 800 | oklch(0.784 0.258 143.56) | #00df28 | hsl(131, 100%, 44%) |
|
|
| 900 | oklch(0.547 0.178 143.93) | #008919 | hsl(131, 100%, 27%) |
|
|
| 950 | oklch(0.279 0.086 145.61) | #003309 | hsl(131, 100%, 10%) |
|
| 50 | oklch(0.961 0.055 176.51) | #ccfff1 | hsl(164, 100%, 90%) |
|
|
| 100 | oklch(0.933 0.099 174.92) | #9fffe5 | hsl(164, 100%, 81%) |
|
|
| 200 | oklch(0.912 0.134 172.73) | #73ffd9 | hsl(164, 100%, 73%) |
|
|
| 300 | oklch(0.897 0.162 170.15) | #46ffcd | hsl(164, 100%, 64%) |
|
|
| 400 | oklch(0.889 0.179 166.96) | #1affc1 | hsl(164, 100%, 55%) |
|
|
| 500 | oklch(0.836 0.176 164.93) | #00ecac | hsl(164, 100%, 46%) |
|
|
| 600 | oklch(0.735 0.154 165.15) | #00c791 | hsl(164, 100%, 39%) |
|
|
| 700 | oklch(0.631 0.132 165.46) | #00a276 | hsl(164, 100%, 32%) |
|
|
| 800 | oklch(0.523 0.109 165.94) | #007d5b | hsl(164, 100%, 25%) |
|
|
| 900 | oklch(0.408 0.084 166.79) | #005840 | hsl(164, 100%, 17%) |
|
|
| 950 | oklch(0.285 0.057 168.68) | #003325 | hsl(164, 100%, 10%) |
|
| 50 | oklch(0.964 0.052 191.88) | #ccfffc | hsl(176, 100%, 90%) |
|
|
| 100 | oklch(0.923 0.119 190.71) | #78fff8 | hsl(177, 100%, 74%) |
|
|
| 200 | oklch(0.904 0.153 189.14) | #24fff4 | hsl(177, 100%, 57%) |
|
|
| 300 | oklch(0.770 0.134 188.02) | #00cfc4 | hsl(177, 100%, 41%) |
|
|
| 400 | oklch(0.526 0.091 188.82) | #007b75 | hsl(177, 100%, 24%) |
|
|
| 500 | oklch(0.246 0.043 189.64) | #002725 | hsl(177, 100%, 8%) |
|
|
| 600 | oklch(0.253 0.044 189.82) | #002927 | hsl(177, 100%, 8%) |
|
|
| 700 | oklch(0.265 0.046 190.07) | #002c2a | hsl(177, 100%, 9%) |
|
|
| 800 | oklch(0.272 0.047 190.23) | #002e2c | hsl(177, 100%, 9%) |
|
|
| 900 | oklch(0.282 0.049 188.31) | #00312e | hsl(176, 100%, 10%) |
|
|
| 950 | oklch(0.289 0.050 188.51) | #003330 | hsl(176, 100%, 10%) |
|
| 50 | oklch(0.906 0.039 27.77) | #f9d7d2 | hsl(8, 76%, 90%) |
|
|
| 100 | oklch(0.834 0.074 28.10) | #f5b7ae | hsl(8, 78%, 82%) |
|
|
| 200 | oklch(0.764 0.110 28.85) | #f0978a | hsl(8, 77%, 74%) |
|
|
| 300 | oklch(0.700 0.148 29.80) | #ec7766 | hsl(8, 78%, 66%) |
|
|
| 400 | oklch(0.644 0.183 30.59) | #e75743 | hsl(7, 77%, 58%) |
|
|
| 500 | oklch(0.601 0.211 31.24) | #e3371f | hsl(7, 78%, 51%) |
|
|
| 600 | oklch(0.532 0.187 31.31) | #c12d18 | hsl(7, 78%, 43%) |
|
|
| 700 | oklch(0.456 0.159 31.30) | #9c2413 | hsl(7, 78%, 34%) |
|
|
| 800 | oklch(0.378 0.127 31.31) | #771c0f | hsl(8, 78%, 26%) |
|
|
| 900 | oklch(0.295 0.095 31.22) | #52130a | hsl(8, 78%, 18%) |
|
|
| 950 | oklch(0.207 0.058 31.66) | #2d0b06 | hsl(8, 76%, 10%) |
|
| 50 | oklch(0.962 0.051 91.37) | #fff2cc | hsl(45, 100%, 90%) |
|
|
| 100 | oklch(0.948 0.068 90.92) | #ffedba | hsl(44, 100%, 86%) |
|
|
| 200 | oklch(0.935 0.085 90.59) | #ffe8a8 | hsl(44, 100%, 83%) |
|
|
| 300 | oklch(0.922 0.100 90.05) | #ffe397 | hsl(44, 100%, 80%) |
|
|
| 400 | oklch(0.912 0.115 90.45) | #ffdf85 | hsl(44, 100%, 76%) |
|
|
| 500 | oklch(0.899 0.129 89.93) | #ffda73 | hsl(44, 100%, 73%) |
|
|
| 600 | oklch(0.861 0.163 87.13) | #ffc933 | hsl(44, 100%, 60%) |
|
|
| 700 | oklch(0.802 0.165 82.44) | #f2b200 | hsl(44, 100%, 47%) |
|
|
| 800 | oklch(0.640 0.132 82.62) | #b38300 | hsl(44, 100%, 35%) |
|
|
| 900 | oklch(0.466 0.096 83.76) | #735400 | hsl(44, 100%, 23%) |
|
|
| 950 | oklch(0.276 0.056 89.07) | #332600 | hsl(45, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
