Tropical Vibe Color Palette
This palette exudes a vibrant, tropical energy with lush greens and deep, rich burgundies, creating a harmonious blend of vitality and sophistication, perfect for a bold yet calming style.
Practical uses and creative applications
The Tropical Vibe Color Palette is a vibrant combination of lush greens, deep teals, and eye-catching fuchsia, perfect for those looking to evoke a sense of adventure and warmth. With shades like #5adb94 and #0ba18c, this palette is ideal for branding projects aimed at lifestyle brands, wellness products, and travel companies.
Its refreshing hues can breathe life into web design, creating an inviting atmosphere that draws users in and encourages engagement. Ideal for creatives and designers, the Tropical Vibe Color Palette suits a variety of applications, from packaging design to interior decor.
Whether you're designing a chic tropical-themed restaurant or curating a stylish product line, these colors can infuse energy and excitement into your work. The mood created by #8a034d and #2e0331 adds depth and sophistication, appealing to audiences looking for a touch of the exotic in their everyday lives.
Embrace the Tropical Vibe to cultivate a lively and inviting aesthetic that resonates with your target 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.945 0.042 161.69) | #d5f6e4 | hsl(147, 65%, 90%) |
|
|
| 100 | oklch(0.912 0.065 160.77) | #bdf0d4 | hsl(147, 63%, 84%) |
|
|
| 200 | oklch(0.882 0.089 159.83) | #a4ebc4 | hsl(147, 64%, 78%) |
|
|
| 300 | oklch(0.854 0.113 158.76) | #8be6b4 | hsl(147, 65%, 72%) |
|
|
| 400 | oklch(0.826 0.133 157.58) | #73e0a4 | hsl(147, 64%, 66%) |
|
|
| 500 | oklch(0.801 0.153 156.18) | #5adb94 | hsl(147, 64%, 61%) |
|
|
| 600 | oklch(0.763 0.181 153.40) | #30d279 | hsl(147, 64%, 51%) |
|
|
| 700 | oklch(0.649 0.154 153.29) | #25a960 | hsl(147, 64%, 40%) |
|
|
| 800 | oklch(0.528 0.123 153.52) | #1c7f48 | hsl(147, 64%, 30%) |
|
|
| 900 | oklch(0.396 0.089 154.44) | #125430 | hsl(147, 65%, 20%) |
|
|
| 950 | oklch(0.255 0.051 155.85) | #092a18 | hsl(147, 65%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.047 186.51) | #cffcf6 | hsl(172, 88%, 90%) |
|
|
| 100 | oklch(0.917 0.092 184.61) | #9af8eb | hsl(172, 87%, 79%) |
|
|
| 200 | oklch(0.884 0.127 182.69) | #64f4e0 | hsl(172, 87%, 67%) |
|
|
| 300 | oklch(0.862 0.149 179.85) | #2ef1d5 | hsl(171, 87%, 56%) |
|
|
| 400 | oklch(0.788 0.143 178.70) | #0fd7bb | hsl(172, 87%, 45%) |
|
|
| 500 | oklch(0.636 0.115 178.94) | #0ba18c | hsl(172, 87%, 34%) |
|
|
| 600 | oklch(0.568 0.102 179.11) | #098a78 | hsl(172, 88%, 29%) |
|
|
| 700 | oklch(0.502 0.089 179.43) | #087465 | hsl(172, 87%, 24%) |
|
|
| 800 | oklch(0.429 0.076 179.79) | #065d51 | hsl(172, 88%, 19%) |
|
|
| 900 | oklch(0.354 0.062 180.29) | #05463d | hsl(172, 87%, 15%) |
|
|
| 950 | oklch(0.278 0.048 181.54) | #03302a | hsl(172, 88%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.024 193.57) | #daf1f0 | hsl(177, 45%, 90%) |
|
|
| 100 | oklch(0.878 0.047 194.65) | #b4e1e0 | hsl(179, 43%, 79%) |
|
|
| 200 | oklch(0.818 0.069 193.56) | #8ed2d0 | hsl(178, 43%, 69%) |
|
|
| 300 | oklch(0.760 0.088 192.67) | #67c3c0 | hsl(178, 43%, 58%) |
|
|
| 400 | oklch(0.693 0.096 192.55) | #45afac | hsl(178, 43%, 48%) |
|
|
| 500 | oklch(0.579 0.080 191.88) | #368986 | hsl(178, 43%, 37%) |
|
|
| 600 | oklch(0.517 0.070 191.36) | #2e7572 | hsl(177, 44%, 32%) |
|
|
| 700 | oklch(0.454 0.061 192.16) | #26615f | hsl(178, 44%, 26%) |
|
|
| 800 | oklch(0.387 0.051 191.46) | #1e4d4b | hsl(177, 44%, 21%) |
|
|
| 900 | oklch(0.318 0.041 190.29) | #163937 | hsl(177, 44%, 15%) |
|
|
| 950 | oklch(0.246 0.029 191.70) | #0e2524 | hsl(177, 45%, 10%) |
|
dsfds
| 50 | oklch(0.899 0.065 344.26) | #fecde8 | hsl(327, 96%, 90%) |
|
|
| 100 | oklch(0.785 0.149 347.20) | #fd8fcb | hsl(327, 96%, 78%) |
|
|
| 200 | oklch(0.695 0.222 350.76) | #fb51ae | hsl(327, 96%, 65%) |
|
|
| 300 | oklch(0.645 0.258 356.59) | #fa1291 | hsl(327, 96%, 53%) |
|
|
| 400 | oklch(0.543 0.220 357.49) | #c80470 | hsl(327, 96%, 40%) |
|
|
| 500 | oklch(0.414 0.167 356.75) | #8a034d | hsl(327, 96%, 28%) |
|
|
| 600 | oklch(0.375 0.151 356.33) | #780343 | hsl(327, 95%, 24%) |
|
|
| 700 | oklch(0.336 0.136 356.12) | #670239 | hsl(327, 96%, 21%) |
|
|
| 800 | oklch(0.295 0.119 354.62) | #550230 | hsl(327, 95%, 17%) |
|
|
| 900 | oklch(0.254 0.103 353.90) | #440126 | hsl(327, 97%, 14%) |
|
|
| 950 | oklch(0.210 0.084 352.28) | #32011c | hsl(327, 96%, 10%) |
|
dsfds
| 50 | oklch(0.904 0.075 324.05) | #f9cffc | hsl(296, 88%, 90%) |
|
|
| 100 | oklch(0.768 0.195 325.03) | #f082f7 | hsl(296, 88%, 74%) |
|
|
| 200 | oklch(0.675 0.282 324.96) | #e636f3 | hsl(296, 89%, 58%) |
|
|
| 300 | oklch(0.573 0.263 325.02) | #be0cca | hsl(296, 89%, 42%) |
|
|
| 400 | oklch(0.406 0.184 324.86) | #76087e | hsl(296, 88%, 26%) |
|
|
| 500 | oklch(0.218 0.094 325.27) | #2e0331 | hsl(296, 88%, 10%) |
|
|
| 600 | oklch(0.218 0.094 325.27) | #2e0331 | hsl(296, 88%, 10%) |
|
|
| 700 | oklch(0.218 0.094 325.27) | #2e0331 | hsl(296, 88%, 10%) |
|
|
| 800 | oklch(0.215 0.093 325.21) | #2d0330 | hsl(296, 88%, 10%) |
|
|
| 900 | oklch(0.215 0.093 325.21) | #2d0330 | hsl(296, 88%, 10%) |
|
|
| 950 | oklch(0.215 0.093 325.21) | #2d0330 | hsl(296, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
