Tropical Vibes Color Palette
This palette radiates a vibrant, tropical energy with its fiery coral (#f23e02) and soft cream (#fef5c8) accentuated by rich teal (#00988d), moody deep teal (#2c6b74), and a grounding navy blue (#013750), creating a stylish yet invigorating atmosphere.
Practical uses and creative applications
The Tropical Vibes Color Palette is a vibrant mix that evokes the essence of sun-soaked beaches and lush tropical landscapes. Featuring bold shades like #f23e02, a fiery coral, and #00988d, a refreshing teal, this palette is perfect for brands that want to capture a lively and adventurous spirit.
Ideal for designers working on web design, branding, or packaging, these colors can help create a memorable identity that resonates with audiences seeking warmth and excitement. This palette is particularly well-suited for businesses in the travel, hospitality, or wellness industries.
Whether it's a tropical resort's website, a fresh juice brand's packaging, or a lively interior design project, the Tropical Vibes Color Palette brings a sense of fun and relaxation. Creatives looking to infuse energy and positivity into their work will find that these colors not only evoke a sense of adventure but also inspire a feeling of serenity, making them versatile for various applications.
By utilizing the Tropical Vibes Color Palette, designers can craft compelling visual stories that capture the imagination. This palette harmonizes well in both digital and physical spaces, making it a perfect choice for anyone looking to enhance their projects with a touch of tropical flair.
Whether you're a brand strategist or an interior designer, this palette will help you create environments and visuals that transport your audience to sunlit shores and vibrant jungles.
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.914 0.046 39.79) | #ffd9cc | hsl(15, 100%, 90%) |
|
|
| 100 | oklch(0.844 0.087 39.21) | #feb9a2 | hsl(15, 98%, 82%) |
|
|
| 200 | oklch(0.780 0.130 39.32) | #fe9977 | hsl(15, 99%, 73%) |
|
|
| 300 | oklch(0.725 0.173 38.94) | #fe794c | hsl(15, 99%, 65%) |
|
|
| 400 | oklch(0.678 0.209 37.20) | #fd5922 | hsl(15, 98%, 56%) |
|
|
| 500 | oklch(0.632 0.222 34.72) | #f23e02 | hsl(15, 98%, 48%) |
|
|
| 600 | oklch(0.557 0.195 34.94) | #cc3402 | hsl(15, 98%, 40%) |
|
|
| 700 | oklch(0.477 0.165 35.47) | #a52a01 | hsl(15, 99%, 33%) |
|
|
| 800 | oklch(0.398 0.134 36.46) | #7f2101 | hsl(15, 98%, 25%) |
|
|
| 900 | oklch(0.313 0.101 37.71) | #591701 | hsl(15, 98%, 18%) |
|
|
| 950 | oklch(0.222 0.067 42.22) | #330d00 | hsl(15, 100%, 10%) |
|
dsfds
| 50 | oklch(0.969 0.054 98.14) | #fef6cd | hsl(50, 96%, 90%) |
|
|
| 100 | oklch(0.969 0.055 98.37) | #fef6cc | hsl(50, 96%, 90%) |
|
|
| 200 | oklch(0.969 0.056 98.59) | #fef6cb | hsl(51, 96%, 90%) |
|
|
| 300 | oklch(0.966 0.056 97.50) | #fef5ca | hsl(50, 96%, 89%) |
|
|
| 400 | oklch(0.966 0.058 97.74) | #fef5c9 | hsl(50, 96%, 89%) |
|
|
| 500 | oklch(0.966 0.059 97.96) | #fef5c8 | hsl(50, 96%, 89%) |
|
|
| 600 | oklch(0.924 0.133 98.24) | #fde779 | hsl(50, 97%, 73%) |
|
|
| 700 | oklch(0.886 0.174 96.47) | #fbd82a | hsl(50, 96%, 57%) |
|
|
| 800 | oklch(0.759 0.155 94.74) | #d0ae04 | hsl(50, 96%, 42%) |
|
|
| 900 | oklch(0.536 0.109 95.45) | #816c02 | hsl(50, 97%, 26%) |
|
|
| 950 | oklch(0.285 0.058 97.74) | #322a01 | hsl(50, 96%, 10%) |
|
dsfds
| 50 | oklch(0.964 0.052 190.41) | #ccfffb | hsl(175, 100%, 90%) |
|
|
| 100 | oklch(0.931 0.104 189.54) | #8ffff7 | hsl(176, 100%, 78%) |
|
|
| 200 | oklch(0.910 0.140 187.71) | #51fff2 | hsl(176, 100%, 66%) |
|
|
| 300 | oklch(0.901 0.156 186.20) | #14ffee | hsl(176, 100%, 54%) |
|
|
| 400 | oklch(0.785 0.138 185.87) | #00d5c6 | hsl(176, 100%, 42%) |
|
|
| 500 | oklch(0.611 0.107 185.85) | #00988d | hsl(176, 100%, 30%) |
|
|
| 600 | oklch(0.552 0.097 185.56) | #00847a | hsl(175, 100%, 26%) |
|
|
| 700 | oklch(0.491 0.086 186.21) | #007068 | hsl(176, 100%, 22%) |
|
|
| 800 | oklch(0.424 0.074 187.05) | #005b55 | hsl(176, 100%, 18%) |
|
|
| 900 | oklch(0.358 0.063 186.83) | #004742 | hsl(176, 100%, 14%) |
|
|
| 950 | oklch(0.289 0.051 186.47) | #00332f | hsl(175, 100%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.022 207.58) | #daeef1 | hsl(188, 45%, 90%) |
|
|
| 100 | oklch(0.860 0.046 208.50) | #afdae1 | hsl(188, 45%, 78%) |
|
|
| 200 | oklch(0.785 0.069 207.69) | #83c6d0 | hsl(188, 45%, 66%) |
|
|
| 300 | oklch(0.716 0.088 207.75) | #58b3c0 | hsl(188, 45%, 55%) |
|
|
| 400 | oklch(0.616 0.084 207.71) | #3c939f | hsl(187, 45%, 43%) |
|
|
| 500 | oklch(0.491 0.065 208.02) | #2c6b74 | hsl(188, 45%, 31%) |
|
|
| 600 | oklch(0.442 0.058 208.41) | #265c64 | hsl(188, 45%, 27%) |
|
|
| 700 | oklch(0.395 0.051 206.83) | #204e54 | hsl(187, 45%, 23%) |
|
|
| 800 | oklch(0.343 0.043 209.42) | #1a3f45 | hsl(188, 45%, 19%) |
|
|
| 900 | oklch(0.293 0.035 207.28) | #143135 | hsl(187, 45%, 14%) |
|
|
| 950 | oklch(0.237 0.026 208.08) | #0e2225 | hsl(188, 45%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.041 226.28) | #cdeffe | hsl(198, 96%, 90%) |
|
|
| 100 | oklch(0.837 0.098 229.47) | #82d6fd | hsl(199, 97%, 75%) |
|
|
| 200 | oklch(0.758 0.143 234.15) | #37befd | hsl(199, 98%, 60%) |
|
|
| 300 | oklch(0.666 0.150 239.20) | #039ee5 | hsl(199, 97%, 45%) |
|
|
| 400 | oklch(0.499 0.112 238.97) | #026a9b | hsl(199, 97%, 31%) |
|
|
| 500 | oklch(0.319 0.068 235.91) | #013750 | hsl(199, 98%, 16%) |
|
|
| 600 | oklch(0.303 0.064 235.32) | #01334a | hsl(199, 97%, 15%) |
|
|
| 700 | oklch(0.288 0.060 234.64) | #012f44 | hsl(199, 97%, 14%) |
|
|
| 800 | oklch(0.272 0.056 233.84) | #012b3e | hsl(199, 97%, 12%) |
|
|
| 900 | oklch(0.257 0.052 232.90) | #012738 | hsl(199, 96%, 11%) |
|
|
| 950 | oklch(0.241 0.048 231.77) | #012332 | hsl(198, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
