Tropical Vibes Color Palette
This vibrant palette bursts with fresh, lively greens and a zesty yellow, evoking a sun-drenched tropical paradise that feels energetic, rejuvenating, and full of life.
Practical uses and creative applications
The Tropical Vibes Color Palette is a vibrant and refreshing selection that brings the essence of a sun-soaked paradise right to your projects. Featuring sunny yellows (#F7FF90), lush greens (#BFFF4E and #2FB494), and refreshing aquas (#23D79A and #17FAA0), this palette is ideal for branding and web design aimed at evoking feelings of joy, relaxation, and adventure.
Whether you’re designing a beach resort website or creating packaging for tropical-themed products, these colors will instantly transport your audience to a serene, sunny getaway. This palette is perfect for creatives looking to infuse their work with a lively, playful spirit.
Interior designers can use these colors to create bright and inviting spaces that reflect a laid-back lifestyle, while marketers and branding experts can leverage this palette to develop eye-catching logos and promotional materials that resonate with a youthful audience. From vacation rental services to eco-friendly brands, the Tropical Vibes Color Palette suits anyone aiming to create an atmosphere of warmth and joy, making it a go-to choice for designers seeking to capture the essence of summer all year round.
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.984 0.066 111.24) | #fbffcc | hsl(65, 100%, 90%) |
|
|
| 100 | oklch(0.981 0.081 111.56) | #faffc0 | hsl(65, 100%, 88%) |
|
|
| 200 | oklch(0.979 0.095 111.23) | #faffb4 | hsl(64, 100%, 85%) |
|
|
| 300 | oklch(0.976 0.109 111.60) | #f9ffa8 | hsl(64, 100%, 83%) |
|
|
| 400 | oklch(0.973 0.122 111.94) | #f8ff9c | hsl(64, 100%, 81%) |
|
|
| 500 | oklch(0.971 0.135 112.25) | #f7ff90 | hsl(64, 100%, 78%) |
|
|
| 600 | oklch(0.960 0.193 113.59) | #f2ff4a | hsl(64, 100%, 65%) |
|
|
| 700 | oklch(0.954 0.215 114.87) | #edff05 | hsl(64, 100%, 51%) |
|
|
| 800 | oklch(0.764 0.173 114.99) | #b0be00 | hsl(64, 100%, 37%) |
|
|
| 900 | oklch(0.550 0.124 114.84) | #707900 | hsl(64, 100%, 24%) |
|
|
| 950 | oklch(0.307 0.069 114.47) | #2f3300 | hsl(65, 100%, 10%) |
|
dsfds
| 50 | oklch(0.974 0.069 123.47) | #edffcc | hsl(81, 100%, 90%) |
|
|
| 100 | oklch(0.962 0.102 124.70) | #e3ffb3 | hsl(82, 100%, 85%) |
|
|
| 200 | oklch(0.951 0.133 125.26) | #daff9a | hsl(82, 100%, 80%) |
|
|
| 300 | oklch(0.942 0.163 125.82) | #d1ff80 | hsl(82, 100%, 75%) |
|
|
| 400 | oklch(0.933 0.188 126.58) | #c8ff67 | hsl(82, 100%, 70%) |
|
|
| 500 | oklch(0.925 0.210 127.46) | #bfff4e | hsl(82, 100%, 65%) |
|
|
| 600 | oklch(0.911 0.241 129.88) | #abff16 | hsl(82, 100%, 54%) |
|
|
| 700 | oklch(0.812 0.221 130.84) | #8ddc00 | hsl(82, 100%, 43%) |
|
|
| 800 | oklch(0.653 0.177 130.57) | #69a400 | hsl(82, 100%, 32%) |
|
|
| 900 | oklch(0.481 0.129 129.77) | #456b00 | hsl(81, 100%, 21%) |
|
|
| 950 | oklch(0.294 0.077 127.95) | #213300 | hsl(81, 100%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.032 179.45) | #d7f4ed | hsl(166, 57%, 90%) |
|
|
| 100 | oklch(0.897 0.061 178.05) | #b2ebdd | hsl(165, 59%, 81%) |
|
|
| 200 | oklch(0.850 0.087 177.26) | #8de1cd | hsl(166, 58%, 72%) |
|
|
| 300 | oklch(0.809 0.111 175.40) | #68d8bd | hsl(166, 59%, 63%) |
|
|
| 400 | oklch(0.769 0.128 173.61) | #43cead | hsl(166, 59%, 54%) |
|
|
| 500 | oklch(0.692 0.121 172.50) | #2fb494 | hsl(166, 59%, 45%) |
|
|
| 600 | oklch(0.611 0.106 172.64) | #28987d | hsl(166, 58%, 38%) |
|
|
| 700 | oklch(0.528 0.091 172.92) | #207c66 | hsl(166, 59%, 31%) |
|
|
| 800 | oklch(0.441 0.074 173.24) | #19604f | hsl(166, 59%, 24%) |
|
|
| 900 | oklch(0.350 0.057 173.75) | #124438 | hsl(166, 58%, 17%) |
|
|
| 950 | oklch(0.252 0.037 174.70) | #0b2821 | hsl(166, 57%, 10%) |
|
dsfds
| 50 | oklch(0.949 0.042 172.14) | #d3f8eb | hsl(159, 73%, 90%) |
|
|
| 100 | oklch(0.910 0.074 171.32) | #aff2db | hsl(159, 72%, 82%) |
|
|
| 200 | oklch(0.874 0.104 169.95) | #8beccb | hsl(160, 72%, 74%) |
|
|
| 300 | oklch(0.841 0.130 168.15) | #67e6bb | hsl(160, 72%, 65%) |
|
|
| 400 | oklch(0.813 0.150 165.87) | #43e0ab | hsl(160, 72%, 57%) |
|
|
| 500 | oklch(0.781 0.162 163.32) | #23d79a | hsl(160, 72%, 49%) |
|
|
| 600 | oklch(0.687 0.142 163.24) | #1db581 | hsl(159, 72%, 41%) |
|
|
| 700 | oklch(0.590 0.120 163.60) | #189369 | hsl(160, 72%, 34%) |
|
|
| 800 | oklch(0.485 0.098 164.03) | #127050 | hsl(160, 72%, 25%) |
|
|
| 900 | oklch(0.378 0.073 164.94) | #0d4e38 | hsl(160, 71%, 18%) |
|
|
| 950 | oklch(0.263 0.048 165.46) | #072c1f | hsl(159, 73%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.056 169.53) | #cdfeeb | hsl(157, 96%, 90%) |
|
|
| 100 | oklch(0.931 0.094 167.70) | #a9fddc | hsl(156, 95%, 83%) |
|
|
| 200 | oklch(0.908 0.128 165.92) | #84fccd | hsl(157, 95%, 75%) |
|
|
| 300 | oklch(0.892 0.159 163.43) | #60fcbe | hsl(156, 96%, 68%) |
|
|
| 400 | oklch(0.879 0.182 160.98) | #3bfbaf | hsl(156, 96%, 61%) |
|
|
| 500 | oklch(0.869 0.200 158.10) | #17faa0 | hsl(156, 96%, 54%) |
|
|
| 600 | oklch(0.798 0.190 156.72) | #05e089 | hsl(156, 96%, 45%) |
|
|
| 700 | oklch(0.678 0.161 157.00) | #04b46e | hsl(156, 96%, 36%) |
|
|
| 800 | oklch(0.555 0.130 157.60) | #038954 | hsl(156, 96%, 27%) |
|
|
| 900 | oklch(0.422 0.097 158.52) | #025d39 | hsl(156, 96%, 19%) |
|
|
| 950 | oklch(0.281 0.061 161.29) | #01321f | hsl(157, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
