Coastal Serenity Color Palette
This palette radiates a serene coastal vibe with its fresh lime green, airy pastels, soft blues, and deep teal, evoking a tranquil seaside escape.
Practical uses and creative applications
The Coastal Serenity Color Palette is a refreshing blend of soft greens and tranquil blues, perfectly capturing the essence of a serene beachside retreat. With its main colors of #caff42 (a vibrant lime green), #ebf7f8 (a gentle sky blue), #d0e0eb (a soothing powder blue), #88abc2 (a calming slate blue), and #49708a (a deep oceanic hue), this palette is ideal for designers looking to evoke feelings of peace and relaxation.
Whether used in web design, branding, or packaging, these colors can create an inviting atmosphere that draws in audiences seeking a sense of calm and connection to nature. This palette is especially suited for brands in the wellness, hospitality, or eco-friendly sectors, as it resonates with consumers looking for authenticity and tranquility in their products.
Interior designers can also leverage the Coastal Serenity Color Palette to transform spaces into serene sanctuaries, perfect for coastal homes or spa-like environments. Creatives and designers will find that these colors work harmoniously together, making them perfect for various applications, from website backgrounds to product packaging, ensuring a cohesive brand identity that speaks to the heart of their audience.
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.977 0.068 120.13) | #f1ffcc | hsl(76, 100%, 90%) |
|
|
| 100 | oklch(0.966 0.103 121.01) | #e9ffb0 | hsl(77, 100%, 85%) |
|
|
| 200 | oklch(0.955 0.136 121.92) | #e1ff95 | hsl(77, 100%, 79%) |
|
|
| 300 | oklch(0.946 0.166 122.74) | #d9ff79 | hsl(77, 100%, 74%) |
|
|
| 400 | oklch(0.939 0.191 123.42) | #d2ff5e | hsl(77, 100%, 68%) |
|
|
| 500 | oklch(0.931 0.212 124.45) | #caff42 | hsl(77, 100%, 63%) |
|
|
| 600 | oklch(0.920 0.235 126.77) | #bbff0c | hsl(77, 100%, 52%) |
|
|
| 700 | oklch(0.802 0.208 127.31) | #99d500 | hsl(77, 100%, 42%) |
|
|
| 800 | oklch(0.646 0.167 127.08) | #729f00 | hsl(77, 100%, 31%) |
|
|
| 900 | oklch(0.480 0.122 126.20) | #4c6900 | hsl(77, 100%, 21%) |
|
|
| 950 | oklch(0.297 0.074 124.61) | #253300 | hsl(76, 100%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.024 203.08) | #d9f0f2 | hsl(185, 49%, 90%) |
|
|
| 100 | oklch(0.944 0.021 204.04) | #ddf1f3 | hsl(185, 48%, 91%) |
|
|
| 200 | oklch(0.950 0.020 200.64) | #e0f3f4 | hsl(183, 48%, 92%) |
|
|
| 300 | oklch(0.956 0.017 205.84) | #e4f4f6 | hsl(187, 50%, 93%) |
|
|
| 400 | oklch(0.962 0.016 201.70) | #e7f6f7 | hsl(184, 50%, 94%) |
|
|
| 500 | oklch(0.967 0.013 202.92) | #ebf7f8 | hsl(185, 48%, 95%) |
|
|
| 600 | oklch(0.864 0.052 203.85) | #abdde2 | hsl(185, 49%, 78%) |
|
|
| 700 | oklch(0.768 0.086 202.18) | #6bc4cb | hsl(184, 48%, 61%) |
|
|
| 800 | oklch(0.643 0.091 203.66) | #3a9da6 | hsl(185, 48%, 44%) |
|
|
| 900 | oklch(0.456 0.062 202.73) | #246166 | hsl(185, 48%, 27%) |
|
|
| 950 | oklch(0.243 0.029 202.94) | #0d2426 | hsl(185, 49%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.018 240.01) | #dbe7f0 | hsl(206, 41%, 90%) |
|
|
| 100 | oklch(0.918 0.019 237.78) | #d9e6ef | hsl(205, 41%, 89%) |
|
|
| 200 | oklch(0.912 0.020 240.75) | #d7e4ee | hsl(206, 40%, 89%) |
|
|
| 300 | oklch(0.908 0.021 236.78) | #d4e3ed | hsl(204, 41%, 88%) |
|
|
| 400 | oklch(0.902 0.022 239.45) | #d2e1ec | hsl(205, 41%, 87%) |
|
|
| 500 | oklch(0.898 0.023 237.67) | #d0e0eb | hsl(204, 40%, 87%) |
|
|
| 600 | oklch(0.778 0.051 238.27) | #99bcd4 | hsl(204, 41%, 72%) |
|
|
| 700 | oklch(0.654 0.079 240.02) | #6297bc | hsl(205, 40%, 56%) |
|
|
| 800 | oklch(0.525 0.076 240.11) | #3e7092 | hsl(204, 40%, 41%) |
|
|
| 900 | oklch(0.380 0.052 239.69) | #27465b | hsl(204, 40%, 25%) |
|
|
| 950 | oklch(0.215 0.025 241.71) | #0f1b24 | hsl(206, 41%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.014 238.02) | #dde7ee | hsl(205, 33%, 90%) |
|
|
| 100 | oklch(0.883 0.021 236.79) | #ccdbe5 | hsl(204, 32%, 85%) |
|
|
| 200 | oklch(0.843 0.028 236.24) | #bbcfdc | hsl(204, 32%, 80%) |
|
|
| 300 | oklch(0.804 0.035 235.99) | #aac3d3 | hsl(203, 32%, 75%) |
|
|
| 400 | oklch(0.764 0.044 237.34) | #99b7cb | hsl(204, 32%, 70%) |
|
|
| 500 | oklch(0.723 0.051 237.20) | #88abc2 | hsl(204, 32%, 65%) |
|
|
| 600 | oklch(0.635 0.067 237.83) | #6391af | hsl(204, 32%, 54%) |
|
|
| 700 | oklch(0.540 0.064 238.77) | #4a7490 | hsl(204, 32%, 43%) |
|
|
| 800 | oklch(0.441 0.050 236.93) | #37576b | hsl(203, 32%, 32%) |
|
|
| 900 | oklch(0.333 0.036 238.50) | #243947 | hsl(204, 33%, 21%) |
|
|
| 950 | oklch(0.216 0.020 239.39) | #111b22 | hsl(205, 33%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.013 236.63) | #dee7ed | hsl(204, 29%, 90%) |
|
|
| 100 | oklch(0.847 0.027 235.41) | #bdd0dc | hsl(203, 31%, 80%) |
|
|
| 200 | oklch(0.771 0.040 236.25) | #9db9cb | hsl(203, 31%, 71%) |
|
|
| 300 | oklch(0.691 0.055 238.15) | #7ca1ba | hsl(204, 31%, 61%) |
|
|
| 400 | oklch(0.612 0.069 238.86) | #5c8aa9 | hsl(204, 31%, 51%) |
|
|
| 500 | oklch(0.527 0.060 238.63) | #49708a | hsl(204, 31%, 41%) |
|
|
| 600 | oklch(0.469 0.053 238.57) | #3e5f75 | hsl(204, 31%, 35%) |
|
|
| 700 | oklch(0.410 0.045 238.48) | #334e60 | hsl(204, 31%, 29%) |
|
|
| 800 | oklch(0.349 0.036 238.35) | #283d4b | hsl(204, 30%, 23%) |
|
|
| 900 | oklch(0.284 0.027 238.16) | #1d2c36 | hsl(204, 30%, 16%) |
|
|
| 950 | oklch(0.216 0.018 237.84) | #121b21 | hsl(204, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
