Coastal Serenity Color Palette
This palette evokes a serene coastal retreat, blending soft mint greens and warm coral with deep oceanic blues and rich charcoal, creating a harmonious balance of tranquility and vibrancy.
Practical uses and creative applications
The Coastal Serenity Color Palette is a refreshing blend that evokes the tranquil essence of seaside escapes. Featuring soft minty greens (#E3FFE8), vibrant turquoise (#00ECAC), deep oceanic blues (#002725), and warm coral hues (#ED7F5D), this palette is perfect for creating a peaceful yet vibrant atmosphere.
It’s ideal for branding projects that seek to convey a sense of calm and clarity, making it a go-to choice for wellness brands, eco-friendly products, and coastal-themed businesses. Whether used in web design, packaging, or interior decor, the Coastal Serenity palette brings a breezy, relaxed vibe that can transform any space or digital platform.
Designers can leverage these colors to create engaging websites that reflect a sense of nature and tranquility, while retailers can enhance their packaging aesthetics to attract consumers looking for a fresh, serene experience. This palette is especially appealing to creatives and entrepreneurs in the lifestyle, travel, and health industries, where a soothing yet invigorating color scheme can make a lasting impression.
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.954 0.077 149.97) | #ccffd5 | hsl(131, 100%, 90%) |
|
|
| 100 | oklch(0.958 0.069 150.01) | #d1ffd9 | hsl(130, 100%, 91%) |
|
|
| 200 | oklch(0.961 0.063 150.67) | #d5ffdd | hsl(131, 100%, 92%) |
|
|
| 300 | oklch(0.965 0.056 149.85) | #daffe0 | hsl(130, 100%, 93%) |
|
|
| 400 | oklch(0.969 0.049 150.60) | #deffe4 | hsl(131, 100%, 94%) |
|
|
| 500 | oklch(0.974 0.042 150.61) | #e3ffe8 | hsl(131, 100%, 95%) |
|
|
| 600 | oklch(0.909 0.166 148.12) | #8dffa1 | hsl(131, 100%, 78%) |
|
|
| 700 | oklch(0.875 0.257 145.19) | #37ff5a | hsl(131, 100%, 61%) |
|
|
| 800 | oklch(0.784 0.258 143.56) | #00df28 | hsl(131, 100%, 44%) |
|
|
| 900 | oklch(0.547 0.178 143.93) | #008919 | hsl(131, 100%, 27%) |
|
|
| 950 | oklch(0.279 0.086 145.61) | #003309 | hsl(131, 100%, 10%) |
|
dsfds
| 50 | oklch(0.961 0.055 176.51) | #ccfff1 | hsl(164, 100%, 90%) |
|
|
| 100 | oklch(0.933 0.099 174.92) | #9fffe5 | hsl(164, 100%, 81%) |
|
|
| 200 | oklch(0.912 0.134 172.73) | #73ffd9 | hsl(164, 100%, 73%) |
|
|
| 300 | oklch(0.897 0.162 170.15) | #46ffcd | hsl(164, 100%, 64%) |
|
|
| 400 | oklch(0.889 0.179 166.96) | #1affc1 | hsl(164, 100%, 55%) |
|
|
| 500 | oklch(0.836 0.176 164.93) | #00ecac | hsl(164, 100%, 46%) |
|
|
| 600 | oklch(0.735 0.154 165.15) | #00c791 | hsl(164, 100%, 39%) |
|
|
| 700 | oklch(0.631 0.132 165.46) | #00a276 | hsl(164, 100%, 32%) |
|
|
| 800 | oklch(0.523 0.109 165.94) | #007d5b | hsl(164, 100%, 25%) |
|
|
| 900 | oklch(0.408 0.084 166.79) | #005840 | hsl(164, 100%, 17%) |
|
|
| 950 | oklch(0.285 0.057 168.68) | #003325 | hsl(164, 100%, 10%) |
|
dsfds
| 50 | oklch(0.964 0.052 191.88) | #ccfffc | hsl(176, 100%, 90%) |
|
|
| 100 | oklch(0.923 0.119 190.71) | #78fff8 | hsl(177, 100%, 74%) |
|
|
| 200 | oklch(0.904 0.153 189.14) | #24fff4 | hsl(177, 100%, 57%) |
|
|
| 300 | oklch(0.770 0.134 188.02) | #00cfc4 | hsl(177, 100%, 41%) |
|
|
| 400 | oklch(0.526 0.091 188.82) | #007b75 | hsl(177, 100%, 24%) |
|
|
| 500 | oklch(0.246 0.043 189.64) | #002725 | hsl(177, 100%, 8%) |
|
|
| 600 | oklch(0.253 0.044 189.82) | #002927 | hsl(177, 100%, 8%) |
|
|
| 700 | oklch(0.265 0.046 190.07) | #002c2a | hsl(177, 100%, 9%) |
|
|
| 800 | oklch(0.272 0.047 190.23) | #002e2c | hsl(177, 100%, 9%) |
|
|
| 900 | oklch(0.282 0.049 188.31) | #00312e | hsl(176, 100%, 10%) |
|
|
| 950 | oklch(0.289 0.050 188.51) | #003330 | hsl(176, 100%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.044 196.44) | #d0fbfb | hsl(180, 84%, 90%) |
|
|
| 100 | oklch(0.904 0.108 195.41) | #7ff6f6 | hsl(180, 87%, 73%) |
|
|
| 200 | oklch(0.868 0.141 194.86) | #2ff0f0 | hsl(180, 87%, 56%) |
|
|
| 300 | oklch(0.718 0.121 194.80) | #0ebbbb | hsl(180, 86%, 39%) |
|
|
| 400 | oklch(0.479 0.080 194.82) | #086b6b | hsl(180, 86%, 23%) |
|
|
| 500 | oklch(0.202 0.032 194.93) | #021b1b | hsl(180, 86%, 6%) |
|
|
| 600 | oklch(0.218 0.035 194.90) | #021f1f | hsl(180, 88%, 6%) |
|
|
| 700 | oklch(0.233 0.037 194.93) | #032323 | hsl(180, 84%, 7%) |
|
|
| 800 | oklch(0.248 0.040 194.90) | #032727 | hsl(180, 86%, 8%) |
|
|
| 900 | oklch(0.263 0.042 194.88) | #032b2b | hsl(180, 87%, 9%) |
|
|
| 950 | oklch(0.278 0.045 194.89) | #042f2f | hsl(180, 84%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.037 38.68) | #fadbd1 | hsl(15, 80%, 90%) |
|
|
| 100 | oklch(0.870 0.057 37.22) | #f7c8ba | hsl(14, 79%, 85%) |
|
|
| 200 | oklch(0.830 0.078 37.46) | #f5b6a3 | hsl(14, 80%, 80%) |
|
|
| 300 | oklch(0.789 0.100 38.52) | #f2a48b | hsl(15, 80%, 75%) |
|
|
| 400 | oklch(0.749 0.123 37.75) | #f09174 | hsl(14, 81%, 70%) |
|
|
| 500 | oklch(0.713 0.144 37.92) | #ed7f5d | hsl(14, 80%, 65%) |
|
|
| 600 | oklch(0.642 0.188 36.88) | #e7572b | hsl(14, 80%, 54%) |
|
|
| 700 | oklch(0.557 0.177 36.11) | #c53f16 | hsl(14, 80%, 43%) |
|
|
| 800 | oklch(0.449 0.139 36.59) | #922f10 | hsl(14, 80%, 32%) |
|
|
| 900 | oklch(0.338 0.099 36.90) | #601f0b | hsl(14, 79%, 21%) |
|
|
| 950 | oklch(0.216 0.055 39.40) | #2e0f05 | hsl(15, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
