Coastal Serenity Color Palette
This palette exudes a refreshing coastal vibe, blending deep ocean blues with vibrant turquoise and soft sky tones, creating a serene and uplifting atmosphere perfect for summer serenity.
Practical uses and creative applications
The Coastal Serenity Color Palette evokes the tranquil beauty of ocean waves and clear blue skies, making it an ideal choice for branding and web design aimed at businesses in the wellness, travel, or coastal lifestyle sectors. With its rich deep navy (#03045E) transitioning to light, airy blues (#CAF0F8), this palette captures a sense of calm and relaxation that resonates with consumers seeking peace and inspiration.
Designers can leverage these colors to create cohesive, inviting experiences that embody the essence of coastal living. Perfect for creatives looking to enhance their interior design projects, the Coastal Serenity palette can transform any space into a serene retreat.
Use deeper hues like #023E8A and #0077B6 for accent walls or furniture, while lighter shades such as #90E0EF and #ADE8F4 can brighten up spaces, making them feel spacious and airy. This color combination is also ideal for packaging design, particularly for brands focused on sustainable products or ocean-related themes, helping to convey an eco-friendly message while appealing to a modern audience.
Whether you're a graphic designer, a branding expert, or an interior decorator, the Coastal Serenity Color Palette offers endless possibilities to create soothing, attractive designs that capture the essence of coastal beauty.
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.867 0.065 284.97) | #cecefd | hsl(240, 92%, 90%) |
|
|
| 100 | oklch(0.680 0.165 280.30) | #8789fb | hsl(239, 94%, 76%) |
|
|
| 200 | oklch(0.517 0.260 272.21) | #4143f9 | hsl(239, 94%, 62%) |
|
|
| 300 | oklch(0.428 0.290 264.66) | #070aea | hsl(239, 94%, 47%) |
|
|
| 400 | oklch(0.330 0.221 264.99) | #0507a4 | hsl(239, 94%, 33%) |
|
|
| 500 | oklch(0.225 0.146 265.82) | #03045e | hsl(239, 94%, 19%) |
|
|
| 600 | oklch(0.211 0.135 266.18) | #030455 | hsl(239, 93%, 17%) |
|
|
| 700 | oklch(0.195 0.126 265.87) | #02034c | hsl(239, 95%, 15%) |
|
|
| 800 | oklch(0.181 0.114 266.31) | #020343 | hsl(239, 94%, 14%) |
|
|
| 900 | oklch(0.165 0.104 266.99) | #02023a | hsl(240, 93%, 12%) |
|
|
| 950 | oklch(0.150 0.092 267.91) | #020231 | hsl(240, 92%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.044 253.60) | #cde3fe | hsl(213, 96%, 90%) |
|
|
| 100 | oklch(0.794 0.103 254.68) | #8ebffd | hsl(214, 97%, 77%) |
|
|
| 200 | oklch(0.687 0.162 255.65) | #4f9bfc | hsl(214, 97%, 65%) |
|
|
| 300 | oklch(0.598 0.215 258.19) | #1078fc | hsl(214, 98%, 53%) |
|
|
| 400 | oklch(0.494 0.187 258.78) | #035ac9 | hsl(214, 97%, 40%) |
|
|
| 500 | oklch(0.380 0.139 258.03) | #023e8a | hsl(214, 97%, 27%) |
|
|
| 600 | oklch(0.346 0.124 257.71) | #023678 | hsl(214, 97%, 24%) |
|
|
| 700 | oklch(0.312 0.110 257.28) | #012e67 | hsl(214, 98%, 20%) |
|
|
| 800 | oklch(0.276 0.095 256.66) | #012655 | hsl(214, 98%, 17%) |
|
|
| 900 | oklch(0.240 0.080 256.16) | #011e44 | hsl(214, 97%, 14%) |
|
|
| 950 | oklch(0.205 0.061 253.58) | #011732 | hsl(213, 96%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.042 231.71) | #ccedff | hsl(201, 100%, 90%) |
|
|
| 100 | oklch(0.856 0.086 232.55) | #95daff | hsl(201, 100%, 79%) |
|
|
| 200 | oklch(0.790 0.126 234.61) | #5dc7ff | hsl(201, 100%, 68%) |
|
|
| 300 | oklch(0.733 0.156 238.96) | #26b4ff | hsl(201, 100%, 57%) |
|
|
| 400 | oklch(0.663 0.161 243.30) | #009bed | hsl(201, 100%, 46%) |
|
|
| 500 | oklch(0.546 0.131 242.68) | #0077b6 | hsl(201, 100%, 36%) |
|
|
| 600 | oklch(0.489 0.117 242.24) | #00669c | hsl(201, 100%, 31%) |
|
|
| 700 | oklch(0.430 0.101 241.62) | #005582 | hsl(201, 100%, 25%) |
|
|
| 800 | oklch(0.369 0.084 239.98) | #004467 | hsl(200, 100%, 20%) |
|
|
| 900 | oklch(0.302 0.069 239.67) | #00324d | hsl(201, 100%, 15%) |
|
|
| 950 | oklch(0.235 0.051 237.09) | #002133 | hsl(201, 100%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.043 220.52) | #ccf2ff | hsl(195, 100%, 90%) |
|
|
| 100 | oklch(0.883 0.084 220.14) | #98e6ff | hsl(195, 100%, 80%) |
|
|
| 200 | oklch(0.832 0.117 222.34) | #64d9ff | hsl(195, 100%, 70%) |
|
|
| 300 | oklch(0.790 0.141 225.96) | #30ccff | hsl(195, 100%, 59%) |
|
|
| 400 | oklch(0.749 0.151 231.06) | #00bdfb | hsl(195, 100%, 49%) |
|
|
| 500 | oklch(0.631 0.126 230.48) | #0096c7 | hsl(195, 100%, 39%) |
|
|
| 600 | oklch(0.561 0.111 229.58) | #0080a9 | hsl(195, 100%, 33%) |
|
|
| 700 | oklch(0.488 0.097 230.06) | #00698c | hsl(195, 100%, 27%) |
|
|
| 800 | oklch(0.413 0.081 228.63) | #00536e | hsl(195, 100%, 22%) |
|
|
| 900 | oklch(0.336 0.065 227.52) | #003d51 | hsl(195, 100%, 16%) |
|
|
| 950 | oklch(0.250 0.048 225.89) | #002633 | hsl(195, 100%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.045 210.15) | #ccf7ff | hsl(189, 100%, 90%) |
|
|
| 100 | oklch(0.902 0.084 211.98) | #9beeff | hsl(190, 100%, 80%) |
|
|
| 200 | oklch(0.864 0.114 213.00) | #6be6ff | hsl(190, 100%, 71%) |
|
|
| 300 | oklch(0.833 0.135 214.99) | #3adeff | hsl(190, 100%, 61%) |
|
|
| 400 | oklch(0.809 0.145 218.44) | #0ad6ff | hsl(190, 100%, 52%) |
|
|
| 500 | oklch(0.711 0.129 218.98) | #00b4d8 | hsl(190, 100%, 42%) |
|
|
| 600 | oklch(0.631 0.114 218.29) | #0099b7 | hsl(190, 100%, 36%) |
|
|
| 700 | oklch(0.545 0.098 218.31) | #007d96 | hsl(190, 100%, 29%) |
|
|
| 800 | oklch(0.458 0.082 217.11) | #006275 | hsl(190, 100%, 23%) |
|
|
| 900 | oklch(0.363 0.065 216.76) | #004654 | hsl(190, 100%, 16%) |
|
|
| 950 | oklch(0.266 0.047 213.54) | #002b33 | hsl(189, 100%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.033 210.63) | #d3f2f8 | hsl(190, 73%, 90%) |
|
|
| 100 | oklch(0.905 0.054 210.93) | #b7eaf4 | hsl(190, 73%, 84%) |
|
|
| 200 | oklch(0.871 0.073 211.27) | #9be2f0 | hsl(190, 74%, 77%) |
|
|
| 300 | oklch(0.838 0.091 211.76) | #7fdaec | hsl(190, 74%, 71%) |
|
|
| 400 | oklch(0.808 0.105 212.62) | #64d2e8 | hsl(190, 74%, 65%) |
|
|
| 500 | oklch(0.779 0.117 213.70) | #48cae4 | hsl(190, 74%, 59%) |
|
|
| 600 | oklch(0.732 0.125 216.05) | #20bbda | hsl(190, 74%, 49%) |
|
|
| 700 | oklch(0.622 0.105 215.96) | #1a96af | hsl(190, 74%, 39%) |
|
|
| 800 | oklch(0.507 0.085 214.74) | #137183 | hsl(190, 75%, 29%) |
|
|
| 900 | oklch(0.382 0.062 215.79) | #0d4b58 | hsl(190, 74%, 20%) |
|
|
| 950 | oklch(0.249 0.037 212.96) | #07262c | hsl(190, 73%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.035 209.82) | #d2f3f9 | hsl(189, 76%, 90%) |
|
|
| 100 | oklch(0.925 0.045 210.46) | #c5eff7 | hsl(190, 76%, 87%) |
|
|
| 200 | oklch(0.908 0.054 210.93) | #b8ebf5 | hsl(190, 75%, 84%) |
|
|
| 300 | oklch(0.891 0.063 211.31) | #abe7f3 | hsl(190, 75%, 81%) |
|
|
| 400 | oklch(0.876 0.073 210.21) | #9de4f1 | hsl(189, 75%, 78%) |
|
|
| 500 | oklch(0.860 0.081 210.70) | #90e0ef | hsl(189, 75%, 75%) |
|
|
| 600 | oklch(0.798 0.112 212.17) | #56d0e7 | hsl(190, 75%, 62%) |
|
|
| 700 | oklch(0.737 0.125 215.22) | #20bddb | hsl(190, 75%, 49%) |
|
|
| 800 | oklch(0.588 0.099 214.84) | #178ba1 | hsl(190, 75%, 36%) |
|
|
| 900 | oklch(0.429 0.070 214.20) | #0f5967 | hsl(190, 75%, 23%) |
|
|
| 950 | oklch(0.252 0.039 212.15) | #06272d | hsl(189, 76%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.035 212.37) | #d2f2f9 | hsl(191, 76%, 90%) |
|
|
| 100 | oklch(0.931 0.040 212.23) | #cbf0f8 | hsl(191, 76%, 88%) |
|
|
| 200 | oklch(0.922 0.046 211.80) | #c3eef7 | hsl(190, 76%, 87%) |
|
|
| 300 | oklch(0.913 0.051 211.77) | #bcecf6 | hsl(190, 76%, 85%) |
|
|
| 400 | oklch(0.903 0.057 211.50) | #b4eaf5 | hsl(190, 76%, 83%) |
|
|
| 500 | oklch(0.895 0.062 211.54) | #ade8f4 | hsl(190, 76%, 82%) |
|
|
| 600 | oklch(0.821 0.102 212.26) | #6cd6eb | hsl(190, 76%, 67%) |
|
|
| 700 | oklch(0.758 0.126 215.67) | #2cc4e3 | hsl(190, 77%, 53%) |
|
|
| 800 | oklch(0.619 0.105 215.93) | #1795ae | hsl(190, 77%, 39%) |
|
|
| 900 | oklch(0.443 0.074 217.05) | #0f5d6e | hsl(191, 76%, 25%) |
|
|
| 950 | oklch(0.249 0.039 215.27) | #06262d | hsl(191, 76%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.035 212.37) | #d2f2f9 | hsl(191, 76%, 90%) |
|
|
| 100 | oklch(0.939 0.037 211.50) | #d0f2f9 | hsl(190, 77%, 90%) |
|
|
| 200 | oklch(0.936 0.037 213.52) | #cff1f9 | hsl(191, 78%, 89%) |
|
|
| 300 | oklch(0.935 0.039 210.71) | #cdf1f8 | hsl(190, 75%, 89%) |
|
|
| 400 | oklch(0.932 0.039 212.64) | #ccf0f8 | hsl(191, 76%, 89%) |
|
|
| 500 | oklch(0.931 0.041 211.84) | #caf0f8 | hsl(190, 77%, 88%) |
|
|
| 600 | oklch(0.846 0.089 213.06) | #84dcef | hsl(191, 77%, 73%) |
|
|
| 700 | oklch(0.772 0.121 215.04) | #3dc8e5 | hsl(190, 76%, 57%) |
|
|
| 800 | oklch(0.646 0.111 217.10) | #199eba | hsl(190, 76%, 41%) |
|
|
| 900 | oklch(0.459 0.078 217.14) | #0f6274 | hsl(191, 77%, 26%) |
|
|
| 950 | oklch(0.249 0.039 215.27) | #06262d | hsl(191, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
