Vibrant Tropical Color Palette
This vibrant palette dances between bold magenta, striking coral, warm golden yellow, fresh green, and serene teal, creating an energetic yet balanced vibe that exudes playful sophistication and tropical flair.
Practical uses and creative applications
The Vibrant Tropical Color Palette is a feast for the eyes, bursting with rich hues that evoke the lush landscapes of a tropical paradise. Comprising deep magenta (#741952), lively pink (#fe3174), sunny yellow (#f1c15d), refreshing green (#94bb68), and tranquil teal (#09a3ad), this palette is perfect for branding and web design aimed at creating a memorable and energetic impression.
Whether you’re designing a beach resort website or a vibrant fashion brand, these colors can captivate your audience and convey a sense of adventure and joy. Ideal for designers and creatives looking to infuse their projects with vitality, the Vibrant Tropical Color Palette suits various applications, from packaging for summer products to interior design in lively spaces like cafés or event venues.
The mood it creates is one of freshness and excitement, making it an excellent choice for businesses in the travel, hospitality, or lifestyle sectors. By incorporating these colors, you not only enhance visual appeal but also foster a connection with your audience, inviting them to experience the warmth and energy of tropical vibes.
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.907 0.046 339.63) | #f6d5ea | hsl(322, 65%, 90%) |
|
|
| 100 | oklch(0.794 0.105 341.94) | #eba1cf | hsl(323, 65%, 78%) |
|
|
| 200 | oklch(0.689 0.165 343.90) | #df6cb4 | hsl(322, 64%, 65%) |
|
|
| 300 | oklch(0.605 0.212 346.85) | #d4389a | hsl(322, 64%, 53%) |
|
|
| 400 | oklch(0.502 0.184 347.44) | #a82477 | hsl(322, 65%, 40%) |
|
|
| 500 | oklch(0.387 0.138 347.12) | #741952 | hsl(322, 65%, 28%) |
|
|
| 600 | oklch(0.353 0.124 346.51) | #651648 | hsl(322, 64%, 24%) |
|
|
| 700 | oklch(0.317 0.108 346.57) | #56133d | hsl(322, 64%, 21%) |
|
|
| 800 | oklch(0.282 0.096 346.18) | #480f33 | hsl(322, 66%, 17%) |
|
|
| 900 | oklch(0.245 0.079 346.24) | #390c28 | hsl(323, 65%, 14%) |
|
|
| 950 | oklch(0.207 0.062 344.77) | #2a091e | hsl(322, 65%, 10%) |
|
dsfds
| 50 | oklch(0.894 0.061 356.49) | #ffccdd | hsl(340, 100%, 90%) |
|
|
| 100 | oklch(0.834 0.101 358.16) | #ffadc8 | hsl(340, 100%, 84%) |
|
|
| 200 | oklch(0.777 0.141 359.77) | #fe8eb3 | hsl(340, 98%, 78%) |
|
|
| 300 | oklch(0.727 0.179 2.01) | #fe6f9e | hsl(340, 99%, 72%) |
|
|
| 400 | oklch(0.687 0.213 4.82) | #fe5089 | hsl(340, 99%, 65%) |
|
|
| 500 | oklch(0.657 0.237 8.43) | #fe3174 | hsl(340, 99%, 59%) |
|
|
| 600 | oklch(0.628 0.251 15.64) | #fb0153 | hsl(340, 99%, 49%) |
|
|
| 700 | oklch(0.532 0.212 15.20) | #c90142 | hsl(341, 99%, 40%) |
|
|
| 800 | oklch(0.431 0.172 14.03) | #970132 | hsl(340, 99%, 30%) |
|
|
| 900 | oklch(0.323 0.129 12.31) | #650021 | hsl(340, 100%, 20%) |
|
|
| 950 | oklch(0.206 0.083 6.73) | #330011 | hsl(340, 100%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.041 85.29) | #fbedd0 | hsl(40, 84%, 90%) |
|
|
| 100 | oklch(0.925 0.060 84.99) | #f9e4b9 | hsl(40, 84%, 85%) |
|
|
| 200 | oklch(0.901 0.079 84.69) | #f7dba2 | hsl(40, 84%, 80%) |
|
|
| 300 | oklch(0.880 0.098 85.21) | #f5d38b | hsl(41, 84%, 75%) |
|
|
| 400 | oklch(0.857 0.115 84.49) | #f3ca74 | hsl(41, 84%, 70%) |
|
|
| 500 | oklch(0.835 0.129 83.54) | #f1c15d | hsl(41, 84%, 65%) |
|
|
| 600 | oklch(0.787 0.153 80.15) | #ecad29 | hsl(41, 84%, 54%) |
|
|
| 700 | oklch(0.692 0.140 77.92) | #cb8f12 | hsl(41, 84%, 43%) |
|
|
| 800 | oklch(0.557 0.112 78.22) | #976a0d | hsl(40, 84%, 32%) |
|
|
| 900 | oklch(0.416 0.082 79.83) | #634609 | hsl(41, 83%, 21%) |
|
|
| 950 | oklch(0.258 0.048 82.32) | #2f2104 | hsl(40, 84%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.027 127.75) | #e6efdc | hsl(88, 37%, 90%) |
|
|
| 100 | oklch(0.902 0.046 127.83) | #d6e5c5 | hsl(88, 38%, 84%) |
|
|
| 200 | oklch(0.861 0.063 128.45) | #c5daae | hsl(89, 37%, 77%) |
|
|
| 300 | oklch(0.823 0.083 128.39) | #b5d096 | hsl(88, 38%, 70%) |
|
|
| 400 | oklch(0.782 0.101 129.03) | #a4c57f | hsl(88, 38%, 64%) |
|
|
| 500 | oklch(0.744 0.119 129.49) | #94bb68 | hsl(88, 38%, 57%) |
|
|
| 600 | oklch(0.679 0.132 130.31) | #7ca84b | hsl(88, 38%, 48%) |
|
|
| 700 | oklch(0.577 0.108 129.91) | #64863d | hsl(88, 37%, 38%) |
|
|
| 800 | oklch(0.472 0.087 130.05) | #4b652e | hsl(88, 37%, 29%) |
|
|
| 900 | oklch(0.362 0.062 129.37) | #33441f | hsl(88, 37%, 19%) |
|
|
| 950 | oklch(0.241 0.036 129.46) | #1a2310 | hsl(88, 37%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.044 199.92) | #cffafc | hsl(183, 88%, 90%) |
|
|
| 100 | oklch(0.913 0.087 201.17) | #9af4fa | hsl(184, 91%, 79%) |
|
|
| 200 | oklch(0.877 0.119 201.23) | #65eef7 | hsl(184, 90%, 68%) |
|
|
| 300 | oklch(0.851 0.137 201.92) | #31e8f4 | hsl(184, 90%, 57%) |
|
|
| 400 | oklch(0.796 0.134 202.70) | #0cd5e2 | hsl(184, 90%, 47%) |
|
|
| 500 | oklch(0.652 0.110 202.62) | #09a3ad | hsl(184, 90%, 36%) |
|
|
| 600 | oklch(0.583 0.098 202.02) | #088c94 | hsl(183, 90%, 31%) |
|
|
| 700 | oklch(0.510 0.085 202.29) | #06747b | hsl(184, 91%, 25%) |
|
|
| 800 | oklch(0.436 0.073 201.35) | #055d62 | hsl(183, 90%, 20%) |
|
|
| 900 | oklch(0.356 0.059 201.63) | #044549 | hsl(183, 90%, 15%) |
|
|
| 950 | oklch(0.275 0.045 199.65) | #032e30 | hsl(183, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
