Coastal Oasis Color Palette
This refreshing palette exudes a tranquil yet vibrant vibe with its lush greens and deep teal, evoking the serenity of a coastal oasis under a clear sky.
Practical uses and creative applications
The Coastal Oasis Color Palette is a refreshing blend of tranquil greens and blues, perfectly embodying the serene beauty of seaside landscapes. With its vibrant hues like #07f9a2 and #09c184, this palette is ideal for branding projects that aim to evoke feelings of calmness and rejuvenation.
Whether you are designing a logo for a wellness brand or creating packaging for eco-friendly products, these colors will resonate with audiences seeking a connection to nature. This color palette is particularly well-suited for web design and interior spaces that prioritize a soothing atmosphere.
The deeper shades, such as #0c5149 and #0d192b, can be used as accent colors to add depth and sophistication, making it an excellent choice for creatives looking to design websites, promotional materials, or home decor that capture the essence of coastal living. Designers targeting eco-conscious consumers or businesses in the hospitality and wellness sectors will find that the Coastal Oasis palette enhances their projects by promoting a sense of tranquility and harmony.
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.958 0.055 170.74) | #cdfeec | hsl(158, 96%, 90%) |
|
|
| 100 | oklch(0.930 0.095 169.04) | #a6fddd | hsl(158, 96%, 82%) |
|
|
| 200 | oklch(0.906 0.131 167.68) | #7efccf | hsl(159, 95%, 74%) |
|
|
| 300 | oklch(0.888 0.160 165.24) | #56fbc0 | hsl(159, 95%, 66%) |
|
|
| 400 | oklch(0.875 0.182 162.31) | #2ffab1 | hsl(158, 95%, 58%) |
|
|
| 500 | oklch(0.866 0.198 159.01) | #07f9a2 | hsl(158, 95%, 50%) |
|
|
| 600 | oklch(0.762 0.174 159.04) | #05d288 | hsl(158, 95%, 42%) |
|
|
| 700 | oklch(0.651 0.148 159.32) | #04aa6e | hsl(158, 95%, 34%) |
|
|
| 800 | oklch(0.535 0.121 159.76) | #038254 | hsl(158, 95%, 26%) |
|
|
| 900 | oklch(0.413 0.092 160.57) | #025a3a | hsl(158, 96%, 18%) |
|
|
| 950 | oklch(0.281 0.060 162.53) | #013220 | hsl(158, 96%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.053 172.44) | #cefded | hsl(160, 92%, 90%) |
|
|
| 100 | oklch(0.919 0.099 171.53) | #9dfadc | hsl(161, 90%, 80%) |
|
|
| 200 | oklch(0.889 0.139 168.58) | #6cf8ca | hsl(160, 91%, 70%) |
|
|
| 300 | oklch(0.868 0.169 165.15) | #3bf6b8 | hsl(160, 91%, 60%) |
|
|
| 400 | oklch(0.850 0.187 161.46) | #0bf2a6 | hsl(160, 91%, 50%) |
|
|
| 500 | oklch(0.717 0.157 161.59) | #09c184 | hsl(160, 91%, 40%) |
|
|
| 600 | oklch(0.636 0.139 161.75) | #08a470 | hsl(160, 91%, 34%) |
|
|
| 700 | oklch(0.552 0.119 162.54) | #06875d | hsl(160, 91%, 28%) |
|
|
| 800 | oklch(0.465 0.099 163.01) | #056a49 | hsl(160, 91%, 22%) |
|
|
| 900 | oklch(0.376 0.079 163.13) | #044e35 | hsl(160, 90%, 16%) |
|
|
| 950 | oklch(0.278 0.057 164.55) | #023121 | hsl(160, 92%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.049 177.23) | #cffcf0 | hsl(164, 88%, 90%) |
|
|
| 100 | oklch(0.908 0.100 175.07) | #95f7dd | hsl(164, 86%, 78%) |
|
|
| 200 | oklch(0.873 0.142 171.78) | #5bf3ca | hsl(164, 86%, 65%) |
|
|
| 300 | oklch(0.848 0.167 168.02) | #21efb8 | hsl(164, 87%, 53%) |
|
|
| 400 | oklch(0.726 0.147 167.10) | #0ec393 | hsl(164, 87%, 41%) |
|
|
| 500 | oklch(0.560 0.112 167.41) | #0a8967 | hsl(164, 86%, 29%) |
|
|
| 600 | oklch(0.507 0.100 168.03) | #09775a | hsl(164, 86%, 25%) |
|
|
| 700 | oklch(0.451 0.089 168.05) | #07654c | hsl(164, 87%, 21%) |
|
|
| 800 | oklch(0.394 0.076 169.05) | #06533f | hsl(164, 87%, 17%) |
|
|
| 900 | oklch(0.335 0.064 169.22) | #054131 | hsl(164, 86%, 14%) |
|
|
| 950 | oklch(0.276 0.052 170.11) | #033024 | hsl(164, 88%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.039 188.55) | #d3f8f4 | hsl(174, 73%, 90%) |
|
|
| 100 | oklch(0.892 0.090 186.03) | #93efe4 | hsl(173, 74%, 76%) |
|
|
| 200 | oklch(0.843 0.126 184.29) | #53e6d5 | hsl(173, 75%, 61%) |
|
|
| 300 | oklch(0.774 0.134 181.99) | #1fd1bc | hsl(173, 74%, 47%) |
|
|
| 400 | oklch(0.591 0.102 181.91) | #159182 | hsl(173, 75%, 33%) |
|
|
| 500 | oklch(0.393 0.065 183.01) | #0c5149 | hsl(173, 74%, 18%) |
|
|
| 600 | oklch(0.369 0.062 182.06) | #0b4a42 | hsl(172, 74%, 17%) |
|
|
| 700 | oklch(0.343 0.056 184.14) | #0a423c | hsl(174, 74%, 15%) |
|
|
| 800 | oklch(0.319 0.052 183.07) | #093b35 | hsl(173, 74%, 13%) |
|
|
| 900 | oklch(0.295 0.047 183.86) | #08342f | hsl(173, 73%, 12%) |
|
|
| 950 | oklch(0.266 0.041 184.68) | #072c28 | hsl(174, 73%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.025 257.65) | #d8e3f3 | hsl(216, 53%, 90%) |
|
|
| 100 | oklch(0.770 0.068 258.35) | #9ab6e0 | hsl(216, 53%, 74%) |
|
|
| 200 | oklch(0.630 0.115 258.00) | #5c8ace | hsl(216, 54%, 58%) |
|
|
| 300 | oklch(0.496 0.124 258.29) | #3261a7 | hsl(216, 54%, 43%) |
|
|
| 400 | oklch(0.361 0.084 258.53) | #203d69 | hsl(216, 53%, 27%) |
|
|
| 500 | oklch(0.213 0.040 258.28) | #0d192b | hsl(216, 54%, 11%) |
|
|
| 600 | oklch(0.212 0.038 257.19) | #0d192a | hsl(215, 53%, 11%) |
|
|
| 700 | oklch(0.208 0.038 258.83) | #0d1829 | hsl(216, 52%, 11%) |
|
|
| 800 | oklch(0.208 0.038 257.20) | #0c1829 | hsl(215, 55%, 10%) |
|
|
| 900 | oklch(0.204 0.038 258.83) | #0c1728 | hsl(216, 54%, 10%) |
|
|
| 950 | oklch(0.203 0.036 257.69) | #0c1727 | hsl(216, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
