Tropical Color Palette for Summer Vibes
This palette radiates a vibrant, tropical energy with refreshing teal and soft mint green, punctuated by bold coral and deep magenta, creating a playful yet sophisticated vibe perfect for lively summer gatherings.
Practical uses and creative applications
The Tropical Color Palette for Summer Vibes is a vibrant blend of colors that evokes the essence of sun-soaked beaches and lush tropical landscapes. Featuring refreshing shades like #7ebeb2, a calming teal, and #d1f3db, a soft mint green, this palette is perfect for designers looking to create inviting and lively branding or web designs.
The warm accents of #da9c3c (a sunny orange) and #bc1953 (a bold pink) add a touch of excitement, while the deep #7d144c provides grounding contrast. Whether you’re designing a summer-themed campaign or a beach resort website, these colors will resonate with audiences seeking a taste of paradise.
Ideal for creatives and designers in the hospitality, travel, or lifestyle sectors, this tropical palette sets the perfect mood for projects that aim to inspire joy and relaxation. Use it in packaging design for summer products, or to spice up interior décor for a vacation rental.
With its cheerful and energetic vibe, the Tropical Color Palette invites consumers to embrace the warmth of summer, making it an excellent choice for any creative endeavor that seeks to capture the essence of a carefree, sunny escape.
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.936 0.018 184.25) | #ddeeeb | hsl(169, 33%, 90%) |
|
|
| 100 | oklch(0.898 0.028 182.83) | #cae4df | hsl(168, 33%, 84%) |
|
|
| 200 | oklch(0.863 0.039 182.28) | #b7dbd4 | hsl(168, 33%, 79%) |
|
|
| 300 | oklch(0.826 0.048 183.04) | #a4d1c9 | hsl(169, 33%, 73%) |
|
|
| 400 | oklch(0.792 0.059 180.95) | #91c8bd | hsl(168, 33%, 68%) |
|
|
| 500 | oklch(0.755 0.068 181.31) | #7ebeb2 | hsl(169, 33%, 62%) |
|
|
| 600 | oklch(0.689 0.083 180.24) | #5bac9d | hsl(169, 33%, 52%) |
|
|
| 700 | oklch(0.591 0.074 179.99) | #468c7f | hsl(169, 33%, 41%) |
|
|
| 800 | oklch(0.479 0.057 180.95) | #35685f | hsl(169, 32%, 31%) |
|
|
| 900 | oklch(0.363 0.041 181.18) | #23453f | hsl(169, 33%, 20%) |
|
|
| 950 | oklch(0.236 0.024 181.74) | #11221f | hsl(169, 33%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.041 154.07) | #d7f4df | hsl(137, 57%, 90%) |
|
|
| 100 | oklch(0.939 0.044 154.57) | #d5f4de | hsl(137, 58%, 90%) |
|
|
| 200 | oklch(0.938 0.045 155.42) | #d4f4de | hsl(139, 59%, 89%) |
|
|
| 300 | oklch(0.937 0.046 155.01) | #d3f4dd | hsl(138, 60%, 89%) |
|
|
| 400 | oklch(0.934 0.046 155.01) | #d2f3dc | hsl(138, 58%, 89%) |
|
|
| 500 | oklch(0.933 0.048 154.63) | #d1f3db | hsl(138, 59%, 89%) |
|
|
| 600 | oklch(0.846 0.113 152.83) | #91e2a9 | hsl(138, 58%, 73%) |
|
|
| 700 | oklch(0.771 0.171 149.95) | #52d277 | hsl(137, 59%, 57%) |
|
|
| 800 | oklch(0.645 0.166 148.59) | #2ca850 | hsl(137, 58%, 42%) |
|
|
| 900 | oklch(0.458 0.113 149.21) | #1b6832 | hsl(138, 59%, 26%) |
|
|
| 950 | oklch(0.248 0.053 149.95) | #0b2813 | hsl(137, 57%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.032 78.16) | #f7e9d4 | hsl(36, 69%, 90%) |
|
|
| 100 | oklch(0.898 0.054 78.99) | #f1dab6 | hsl(37, 68%, 83%) |
|
|
| 200 | oklch(0.855 0.076 78.29) | #ebca97 | hsl(36, 68%, 76%) |
|
|
| 300 | oklch(0.816 0.097 77.45) | #e6bb79 | hsl(36, 69%, 69%) |
|
|
| 400 | oklch(0.774 0.117 76.15) | #e0ab5a | hsl(36, 68%, 62%) |
|
|
| 500 | oklch(0.736 0.132 74.52) | #da9c3c | hsl(36, 68%, 55%) |
|
|
| 600 | oklch(0.665 0.130 72.24) | #c48525 | hsl(36, 68%, 46%) |
|
|
| 700 | oklch(0.567 0.109 72.92) | #9d6b1e | hsl(36, 68%, 37%) |
|
|
| 800 | oklch(0.466 0.088 73.21) | #775117 | hsl(36, 68%, 28%) |
|
|
| 900 | oklch(0.359 0.065 74.06) | #51370f | hsl(36, 69%, 19%) |
|
|
| 950 | oklch(0.243 0.040 75.04) | #2b1d08 | hsl(36, 69%, 10%) |
|
dsfds
| 50 | oklch(0.901 0.047 354.49) | #f9d2e0 | hsl(338, 76%, 90%) |
|
|
| 100 | oklch(0.809 0.095 356.46) | #f3a7c2 | hsl(339, 76%, 80%) |
|
|
| 200 | oklch(0.723 0.146 358.58) | #ed7ba4 | hsl(338, 76%, 71%) |
|
|
| 300 | oklch(0.652 0.192 2.22) | #e85086 | hsl(339, 77%, 61%) |
|
|
| 400 | oklch(0.598 0.222 7.24) | #e22468 | hsl(339, 77%, 51%) |
|
|
| 500 | oklch(0.519 0.195 7.94) | #bc1953 | hsl(339, 77%, 42%) |
|
|
| 600 | oklch(0.459 0.171 7.65) | #9f1546 | hsl(339, 77%, 35%) |
|
|
| 700 | oklch(0.400 0.148 6.92) | #83113a | hsl(338, 77%, 29%) |
|
|
| 800 | oklch(0.337 0.121 6.48) | #660e2d | hsl(339, 76%, 23%) |
|
|
| 900 | oklch(0.273 0.095 6.03) | #4a0a20 | hsl(339, 76%, 16%) |
|
|
| 950 | oklch(0.203 0.066 2.72) | #2d0614 | hsl(338, 76%, 10%) |
|
dsfds
| 50 | oklch(0.904 0.049 344.37) | #f8d3e7 | hsl(328, 73%, 90%) |
|
|
| 100 | oklch(0.790 0.112 346.56) | #ef9dc9 | hsl(328, 72%, 78%) |
|
|
| 200 | oklch(0.690 0.174 349.59) | #e767ab | hsl(328, 73%, 65%) |
|
|
| 300 | oklch(0.611 0.220 353.67) | #de318d | hsl(328, 72%, 53%) |
|
|
| 400 | oklch(0.513 0.193 354.67) | #b31d6d | hsl(328, 72%, 41%) |
|
|
| 500 | oklch(0.397 0.146 354.11) | #7d144c | hsl(328, 72%, 28%) |
|
|
| 600 | oklch(0.361 0.132 353.98) | #6d1142 | hsl(328, 73%, 25%) |
|
|
| 700 | oklch(0.325 0.116 353.97) | #5d0f38 | hsl(328, 72%, 21%) |
|
|
| 800 | oklch(0.285 0.100 353.19) | #4c0c2e | hsl(328, 73%, 17%) |
|
|
| 900 | oklch(0.247 0.083 351.87) | #3c0a25 | hsl(328, 71%, 14%) |
|
|
| 950 | oklch(0.206 0.066 350.95) | #2c071b | hsl(328, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
