Vibrant Tropical Color Palette
This palette exudes a vibrant tropical energy, with deep teal and rich emerald green harmonizing against fiery orange and sunny yellow accents, creating a lively and adventurous atmosphere.
Practical uses and creative applications
The Vibrant Tropical Color Palette is a stunning array that evokes the lush landscapes and vibrant cultures of tropical destinations. Featuring deep teals (#002c2b and #076461), fiery oranges (#ff3d00), and sunny yellows (#ffbc11), this palette is perfect for creatives looking to infuse energy and warmth into their projects.
Whether you’re working on branding for a travel agency, designing a lively website for a beach resort, or creating eye-catching packaging for tropical-themed products, these colors will capture attention and convey a sense of adventure. Ideal for designers and creatives in industries such as hospitality, fashion, or wellness, the Vibrant Tropical Color Palette brings a fresh and invigorating mood to any project.
Its dynamic hues can be used to create striking interiors that reflect a sunny, carefree lifestyle or to develop marketing materials that resonate with a youthful, adventurous audience. By incorporating these colors into your work, you can evoke feelings of joy and excitement, making it a perfect choice for brands looking to stand out in a competitive market.
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.965 0.052 194.84) | #ccfffe | hsl(179, 100%, 90%) |
|
|
| 100 | oklch(0.924 0.118 193.32) | #79fffc | hsl(179, 100%, 74%) |
|
|
| 200 | oklch(0.906 0.151 192.22) | #26fffa | hsl(179, 100%, 57%) |
|
|
| 300 | oklch(0.780 0.134 191.72) | #00d2cd | hsl(179, 100%, 41%) |
|
|
| 400 | oklch(0.539 0.093 191.86) | #007f7c | hsl(179, 100%, 25%) |
|
|
| 500 | oklch(0.265 0.045 192.41) | #002c2b | hsl(179, 100%, 9%) |
|
|
| 600 | oklch(0.269 0.046 192.45) | #002d2c | hsl(179, 100%, 9%) |
|
|
| 700 | oklch(0.276 0.047 192.53) | #002f2e | hsl(179, 100%, 9%) |
|
|
| 800 | oklch(0.279 0.048 192.56) | #00302f | hsl(179, 100%, 9%) |
|
|
| 900 | oklch(0.286 0.049 190.51) | #003230 | hsl(178, 100%, 10%) |
|
|
| 950 | oklch(0.290 0.050 192.66) | #003332 | hsl(179, 100%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.047 37.79) | #ffd8cc | hsl(14, 100%, 90%) |
|
|
| 100 | oklch(0.845 0.087 38.17) | #ffb9a3 | hsl(14, 100%, 82%) |
|
|
| 200 | oklch(0.784 0.130 38.34) | #ff9a7a | hsl(14, 100%, 74%) |
|
|
| 300 | oklch(0.730 0.171 37.85) | #ff7b52 | hsl(14, 100%, 66%) |
|
|
| 400 | oklch(0.685 0.208 36.81) | #ff5c29 | hsl(14, 100%, 58%) |
|
|
| 500 | oklch(0.654 0.235 34.04) | #ff3d00 | hsl(14, 100%, 50%) |
|
|
| 600 | oklch(0.574 0.205 34.31) | #d63300 | hsl(14, 100%, 42%) |
|
|
| 700 | oklch(0.491 0.173 34.71) | #ad2900 | hsl(14, 100%, 34%) |
|
|
| 800 | oklch(0.408 0.141 35.62) | #852000 | hsl(14, 100%, 26%) |
|
|
| 900 | oklch(0.317 0.106 37.07) | #5c1600 | hsl(14, 100%, 18%) |
|
|
| 950 | oklch(0.220 0.068 41.04) | #330c00 | hsl(14, 100%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.050 89.76) | #fff1cc | hsl(44, 100%, 90%) |
|
|
| 100 | oklch(0.931 0.084 88.86) | #ffe6a7 | hsl(43, 100%, 83%) |
|
|
| 200 | oklch(0.905 0.117 88.98) | #ffdc81 | hsl(43, 100%, 75%) |
|
|
| 300 | oklch(0.879 0.143 87.51) | #ffd15c | hsl(43, 100%, 68%) |
|
|
| 400 | oklch(0.857 0.161 85.84) | #ffc736 | hsl(43, 100%, 61%) |
|
|
| 500 | oklch(0.835 0.170 82.15) | #ffbc11 | hsl(43, 100%, 53%) |
|
|
| 600 | oklch(0.760 0.157 80.45) | #e4a400 | hsl(43, 100%, 45%) |
|
|
| 700 | oklch(0.648 0.134 80.71) | #b88400 | hsl(43, 100%, 36%) |
|
|
| 800 | oklch(0.530 0.109 81.77) | #8b6400 | hsl(43, 100%, 27%) |
|
|
| 900 | oklch(0.406 0.083 82.76) | #5f4400 | hsl(43, 100%, 19%) |
|
|
| 950 | oklch(0.274 0.056 87.08) | #332500 | hsl(44, 100%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.044 194.70) | #d0fbfa | hsl(179, 84%, 90%) |
|
|
| 100 | oklch(0.915 0.093 193.13) | #95f7f4 | hsl(178, 86%, 78%) |
|
|
| 200 | oklch(0.880 0.128 191.99) | #59f2ed | hsl(178, 85%, 65%) |
|
|
| 300 | oklch(0.859 0.145 190.95) | #1eeee7 | hsl(178, 86%, 53%) |
|
|
| 400 | oklch(0.724 0.123 190.74) | #0fbeb8 | hsl(178, 85%, 40%) |
|
|
| 500 | oklch(0.552 0.093 190.98) | #0a837f | hsl(178, 86%, 28%) |
|
|
| 600 | oklch(0.500 0.084 191.55) | #09726f | hsl(178, 85%, 24%) |
|
|
| 700 | oklch(0.449 0.075 191.08) | #07625f | hsl(178, 87%, 21%) |
|
|
| 800 | oklch(0.394 0.066 190.41) | #06514e | hsl(178, 86%, 17%) |
|
|
| 900 | oklch(0.337 0.055 191.22) | #05403e | hsl(178, 86%, 14%) |
|
|
| 950 | oklch(0.277 0.045 192.52) | #042f2e | hsl(179, 84%, 10%) |
|
dsfds
| 50 | oklch(0.959 0.046 193.08) | #cffcfa | hsl(177, 88%, 90%) |
|
|
| 100 | oklch(0.912 0.098 193.18) | #8ef7f4 | hsl(178, 87%, 76%) |
|
|
| 200 | oklch(0.877 0.133 192.03) | #4cf2ed | hsl(178, 86%, 62%) |
|
|
| 300 | oklch(0.841 0.144 190.87) | #10e8e1 | hsl(178, 87%, 49%) |
|
|
| 400 | oklch(0.656 0.111 190.96) | #0ca6a1 | hsl(178, 87%, 35%) |
|
|
| 500 | oklch(0.455 0.076 191.15) | #076461 | hsl(178, 87%, 21%) |
|
|
| 600 | oklch(0.423 0.071 190.80) | #065a57 | hsl(178, 88%, 19%) |
|
|
| 700 | oklch(0.387 0.064 191.81) | #064f4d | hsl(178, 86%, 17%) |
|
|
| 800 | oklch(0.354 0.059 191.44) | #054543 | hsl(178, 86%, 15%) |
|
|
| 900 | oklch(0.316 0.052 190.92) | #043a38 | hsl(178, 87%, 12%) |
|
|
| 950 | oklch(0.280 0.046 190.29) | #03302e | hsl(177, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
