Bold Tropical Color Palette
This vibrant palette radiates a bold, tropical energy with deep teal, warm coral, and striking magenta, evoking a spirited sunset on a lively beach.
Practical uses and creative applications
The Bold Tropical Color Palette is a vibrant and captivating collection that brings the essence of paradise into your projects. Featuring striking shades of teal (#027b7f), warm coral (#ffa588), and deep magenta (#d62957), it evokes a sense of adventure and energy.
This palette is perfect for branding and web design, especially for businesses in travel, hospitality, or wellness sectors looking to convey a lively and inviting atmosphere. The lush tones can also be effectively utilized in packaging design, appealing to consumers seeking products with a fresh and tropical vibe.
Ideal for designers and creatives, this palette suits a variety of styles from modern and eclectic to bohemian and tropical chic. It can transform interiors into vibrant spaces, infusing life into rooms with a sense of comfort and warmth.
Whether you're designing a lively website, eye-catching marketing materials, or a cozy living space, the Bold Tropical Color Palette encourages creativity and inspires positivity. Embrace these colors to attract an audience that values boldness and excitement in their visual experiences.
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.961 0.049 197.94) | #cdfdfe | hsl(181, 96%, 90%) |
|
|
| 100 | oklch(0.921 0.102 197.84) | #8cfafd | hsl(182, 97%, 77%) |
|
|
| 200 | oklch(0.891 0.135 198.50) | #4bf6fc | hsl(182, 97%, 64%) |
|
|
| 300 | oklch(0.876 0.148 199.08) | #0af3fb | hsl(182, 97%, 51%) |
|
|
| 400 | oklch(0.717 0.122 198.91) | #03bac0 | hsl(182, 97%, 38%) |
|
|
| 500 | oklch(0.530 0.090 198.81) | #027b7f | hsl(182, 97%, 25%) |
|
|
| 600 | oklch(0.483 0.082 199.31) | #026c70 | hsl(182, 96%, 22%) |
|
|
| 700 | oklch(0.435 0.073 198.67) | #025d60 | hsl(182, 96%, 19%) |
|
|
| 800 | oklch(0.385 0.065 199.29) | #014e51 | hsl(182, 98%, 16%) |
|
|
| 900 | oklch(0.337 0.057 198.34) | #014042 | hsl(182, 97%, 13%) |
|
|
| 950 | oklch(0.284 0.048 197.01) | #013132 | hsl(181, 96%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.047 37.79) | #ffd8cc | hsl(14, 100%, 90%) |
|
|
| 100 | oklch(0.890 0.060 38.86) | #ffcebe | hsl(15, 100%, 87%) |
|
|
| 200 | oklch(0.868 0.073 38.60) | #ffc4b1 | hsl(15, 100%, 85%) |
|
|
| 300 | oklch(0.847 0.087 39.21) | #ffbaa3 | hsl(15, 100%, 82%) |
|
|
| 400 | oklch(0.825 0.101 38.09) | #ffaf96 | hsl(14, 100%, 79%) |
|
|
| 500 | oklch(0.805 0.115 38.62) | #ffa588 | hsl(15, 100%, 77%) |
|
|
| 600 | oklch(0.715 0.183 38.26) | #ff7244 | hsl(15, 100%, 63%) |
|
|
| 700 | oklch(0.654 0.234 34.20) | #ff3e00 | hsl(15, 100%, 50%) |
|
|
| 800 | oklch(0.521 0.183 34.92) | #bb2e00 | hsl(15, 100%, 37%) |
|
|
| 900 | oklch(0.378 0.129 36.16) | #771d00 | hsl(15, 100%, 23%) |
|
|
| 950 | oklch(0.220 0.068 41.04) | #330c00 | hsl(14, 100%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.041 0.65) | #f7d4dd | hsl(345, 69%, 90%) |
|
|
| 100 | oklch(0.825 0.075 0.79) | #f0b2c3 | hsl(344, 67%, 82%) |
|
|
| 200 | oklch(0.753 0.112 2.88) | #ea90a8 | hsl(344, 68%, 74%) |
|
|
| 300 | oklch(0.683 0.150 4.76) | #e36d8d | hsl(344, 68%, 66%) |
|
|
| 400 | oklch(0.624 0.183 8.01) | #dd4b72 | hsl(344, 68%, 58%) |
|
|
| 500 | oklch(0.576 0.206 12.31) | #d62957 | hsl(344, 68%, 50%) |
|
|
| 600 | oklch(0.507 0.180 12.01) | #b42249 | hsl(344, 68%, 42%) |
|
|
| 700 | oklch(0.437 0.153 11.78) | #921c3b | hsl(344, 68%, 34%) |
|
|
| 800 | oklch(0.361 0.123 10.94) | #6f152d | hsl(344, 68%, 26%) |
|
|
| 900 | oklch(0.284 0.092 10.28) | #4d0f1f | hsl(345, 67%, 18%) |
|
|
| 950 | oklch(0.201 0.058 8.34) | #2b0811 | hsl(345, 69%, 10%) |
|
dsfds
| 50 | oklch(0.903 0.046 350.15) | #f8d3e3 | hsl(334, 73%, 90%) |
|
|
| 100 | oklch(0.815 0.092 352.65) | #f2aac8 | hsl(335, 73%, 81%) |
|
|
| 200 | oklch(0.732 0.139 354.22) | #eb81ae | hsl(335, 73%, 71%) |
|
|
| 300 | oklch(0.660 0.183 357.37) | #e55893 | hsl(335, 73%, 62%) |
|
|
| 400 | oklch(0.602 0.215 1.02) | #de2e79 | hsl(334, 73%, 53%) |
|
|
| 500 | oklch(0.531 0.197 2.52) | #bf1e62 | hsl(335, 73%, 43%) |
|
|
| 600 | oklch(0.471 0.174 2.23) | #a21953 | hsl(335, 73%, 37%) |
|
|
| 700 | oklch(0.408 0.148 1.65) | #841544 | hsl(335, 73%, 30%) |
|
|
| 800 | oklch(0.344 0.123 1.01) | #671035 | hsl(334, 73%, 23%) |
|
|
| 900 | oklch(0.275 0.093 359.75) | #490c26 | hsl(334, 72%, 17%) |
|
|
| 950 | oklch(0.204 0.064 357.59) | #2c0717 | hsl(334, 73%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.023 332.37) | #eddeea | hsl(312, 29%, 90%) |
|
|
| 100 | oklch(0.807 0.057 332.79) | #d7b3d0 | hsl(312, 31%, 77%) |
|
|
| 200 | oklch(0.696 0.091 333.68) | #c088b5 | hsl(312, 31%, 64%) |
|
|
| 300 | oklch(0.590 0.126 334.81) | #aa5e9b | hsl(312, 31%, 52%) |
|
|
| 400 | oklch(0.482 0.106 334.87) | #824576 | hsl(312, 31%, 39%) |
|
|
| 500 | oklch(0.367 0.077 334.66) | #572e4f | hsl(312, 31%, 26%) |
|
|
| 600 | oklch(0.335 0.069 334.58) | #4c2845 | hsl(312, 31%, 23%) |
|
|
| 700 | oklch(0.307 0.061 334.44) | #42233c | hsl(312, 31%, 20%) |
|
|
| 800 | oklch(0.274 0.053 334.31) | #371d32 | hsl(312, 31%, 16%) |
|
|
| 900 | oklch(0.241 0.044 334.12) | #2c1728 | hsl(311, 31%, 13%) |
|
|
| 950 | oklch(0.208 0.033 334.18) | #21121e | hsl(312, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
