Tropical Fiesta Color Palette
This vibrant palette bursts with playful energy, combining bold coral and fiery orange with cheerful lemon and soft cream, all anchored by a refreshing mint green, evoking a sunny, tropical fiesta.
Practical uses and creative applications
The Tropical Fiesta Color Palette is a vibrant and lively collection that embodies the essence of summer and celebration. Featuring bold hues like #f04155 (a striking coral), #ff823a (a bright orange), and #f2f26f (a cheerful yellow), this palette is perfect for brands aiming to evoke feelings of joy and energy.
Ideal for web design, this palette can bring a playful spirit to websites, making them inviting and engaging for visitors. Additionally, it works wonderfully for packaging designs, especially for products that aim to capture the fun and excitement of tropical getaways, appealing to adventurous consumers.
Creatives and designers looking to create interiors that inspire relaxation and festivity will find this palette particularly appealing. The soothing tones of #fff7bd (a soft cream) and #95cfb7 (a tranquil teal) provide a balanced backdrop, making it suitable for everything from vibrant living spaces to energetic work environments.
Whether you are redesigning a café, planning an event, or developing a brand identity, the Tropical Fiesta Color Palette is an excellent choice to infuse your projects with a sense of warmth and vitality, making it the go-to selection for any design enthusiast seeking to spark joy and creativity.
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.896 0.049 10.22) | #fbd0d5 | hsl(353, 84%, 90%) |
|
|
| 100 | oklch(0.834 0.082 11.42) | #f9b3bb | hsl(353, 85%, 84%) |
|
|
| 200 | oklch(0.778 0.116 12.70) | #f797a2 | hsl(353, 86%, 78%) |
|
|
| 300 | oklch(0.724 0.151 14.49) | #f57a88 | hsl(353, 86%, 72%) |
|
|
| 400 | oklch(0.677 0.182 16.57) | #f25e6f | hsl(353, 85%, 66%) |
|
|
| 500 | oklch(0.638 0.210 19.48) | #f04155 | hsl(353, 85%, 60%) |
|
|
| 600 | oklch(0.599 0.236 25.08) | #ec132b | hsl(353, 85%, 50%) |
|
|
| 700 | oklch(0.508 0.199 24.56) | #bd0f23 | hsl(353, 85%, 40%) |
|
|
| 800 | oklch(0.411 0.159 23.98) | #8d0b1a | hsl(353, 86%, 30%) |
|
|
| 900 | oklch(0.310 0.117 22.90) | #5e0711 | hsl(353, 86%, 20%) |
|
|
| 950 | oklch(0.201 0.070 18.79) | #2f0409 | hsl(353, 84%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.044 52.64) | #ffdfcc | hsl(22, 100%, 90%) |
|
|
| 100 | oklch(0.883 0.070 51.11) | #ffccaf | hsl(22, 100%, 84%) |
|
|
| 200 | oklch(0.844 0.096 51.11) | #ffba92 | hsl(22, 100%, 79%) |
|
|
| 300 | oklch(0.805 0.124 50.36) | #ffa774 | hsl(22, 100%, 73%) |
|
|
| 400 | oklch(0.770 0.149 49.47) | #ff9557 | hsl(22, 100%, 67%) |
|
|
| 500 | oklch(0.737 0.173 47.37) | #ff823a | hsl(22, 100%, 61%) |
|
|
| 600 | oklch(0.690 0.208 41.68) | #ff6106 | hsl(22, 100%, 51%) |
|
|
| 700 | oklch(0.589 0.180 41.44) | #d04c00 | hsl(22, 100%, 41%) |
|
|
| 800 | oklch(0.479 0.143 42.39) | #9c3900 | hsl(22, 100%, 31%) |
|
|
| 900 | oklch(0.360 0.104 44.63) | #672600 | hsl(22, 100%, 20%) |
|
|
| 950 | oklch(0.232 0.061 50.78) | #331300 | hsl(22, 100%, 10%) |
|
dsfds
| 50 | oklch(0.977 0.056 107.39) | #fbfbd0 | hsl(60, 84%, 90%) |
|
|
| 100 | oklch(0.968 0.077 107.75) | #f9f9bd | hsl(60, 83%, 86%) |
|
|
| 200 | oklch(0.958 0.098 108.12) | #f7f7a9 | hsl(60, 83%, 82%) |
|
|
| 300 | oklch(0.952 0.118 108.45) | #f6f696 | hsl(60, 84%, 78%) |
|
|
| 400 | oklch(0.944 0.137 108.76) | #f4f482 | hsl(60, 84%, 73%) |
|
|
| 500 | oklch(0.936 0.153 109.02) | #f2f26f | hsl(60, 83%, 69%) |
|
|
| 600 | oklch(0.917 0.186 109.56) | #eded38 | hsl(60, 83%, 57%) |
|
|
| 700 | oklch(0.845 0.181 109.73) | #d5d513 | hsl(60, 84%, 45%) |
|
|
| 800 | oklch(0.677 0.145 109.71) | #9e9e0e | hsl(60, 84%, 34%) |
|
|
| 900 | oklch(0.494 0.104 109.68) | #666609 | hsl(60, 84%, 22%) |
|
|
| 950 | oklch(0.296 0.060 109.58) | #2f2f04 | hsl(60, 84%, 10%) |
|
dsfds
| 50 | oklch(0.976 0.058 101.10) | #fff9cc | hsl(53, 100%, 90%) |
|
|
| 100 | oklch(0.973 0.061 100.40) | #fff8c9 | hsl(52, 100%, 89%) |
|
|
| 200 | oklch(0.972 0.065 100.87) | #fff8c6 | hsl(53, 100%, 89%) |
|
|
| 300 | oklch(0.972 0.068 101.29) | #fff8c3 | hsl(53, 100%, 88%) |
|
|
| 400 | oklch(0.969 0.071 100.68) | #fff7c0 | hsl(52, 100%, 88%) |
|
|
| 500 | oklch(0.969 0.074 101.08) | #fff7bd | hsl(53, 100%, 87%) |
|
|
| 600 | oklch(0.936 0.148 101.32) | #ffed6e | hsl(53, 100%, 72%) |
|
|
| 700 | oklch(0.913 0.185 100.31) | #ffe420 | hsl(53, 100%, 56%) |
|
|
| 800 | oklch(0.777 0.161 99.35) | #d0b700 | hsl(53, 100%, 41%) |
|
|
| 900 | oklch(0.550 0.114 99.52) | #827200 | hsl(53, 100%, 25%) |
|
|
| 950 | oklch(0.294 0.062 101.47) | #332d00 | hsl(53, 100%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.023 168.72) | #dcefe7 | hsl(155, 37%, 90%) |
|
|
| 100 | oklch(0.911 0.032 169.16) | #cee9de | hsl(156, 38%, 86%) |
|
|
| 200 | oklch(0.884 0.041 168.58) | #c0e2d4 | hsl(155, 37%, 82%) |
|
|
| 300 | oklch(0.859 0.051 167.74) | #b1dcca | hsl(155, 38%, 78%) |
|
|
| 400 | oklch(0.832 0.059 168.40) | #a3d5c1 | hsl(156, 37%, 74%) |
|
|
| 500 | oklch(0.808 0.069 167.12) | #95cfb7 | hsl(155, 38%, 70%) |
|
|
| 600 | oklch(0.734 0.095 165.01) | #6bbc9a | hsl(155, 38%, 58%) |
|
|
| 700 | oklch(0.645 0.102 164.12) | #49a17d | hsl(155, 38%, 46%) |
|
|
| 800 | oklch(0.519 0.080 163.98) | #36775c | hsl(155, 38%, 34%) |
|
|
| 900 | oklch(0.384 0.056 165.00) | #234d3c | hsl(156, 38%, 22%) |
|
|
| 950 | oklch(0.237 0.030 165.12) | #10231b | hsl(155, 37%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
