Coastal Serenity Color Palette
This palette exudes a refreshing coastal vibe, blending soft cream with vibrant lime green, deep ocean blues, and a touch of stormy navy, perfect for evoking a serene yet invigorating atmosphere.
Practical uses and creative applications
The Coastal Serenity Color Palette is a harmonious blend of soft neutrals and rich oceanic hues, making it ideal for brands and creatives looking to evoke a sense of calm and tranquility. The main colors (#f8f8ec, #aedd2b, #066699, #0a5483, #02416d) create a serene backdrop that can elevate branding, web design, and packaging projects.
This palette is particularly suited for businesses in the wellness, hospitality, or coastal lifestyle sectors, where a soothing aesthetic can enhance customer perception and engagement. Designers and creatives can seamlessly integrate the Coastal Serenity palette into various applications, from modern interior designs that mimic the soothing ambiance of beachside retreats to vibrant website layouts that invite users to explore.
The light, airy tones of #f8f8ec combined with the deep blues and greens evoke images of seaside landscapes, making it perfect for marketing materials aimed at outdoor enthusiasts or vacation destinations. Embrace the essence of coastal living with this palette, and watch as it transforms your projects into captivating visual experiences.
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.952 0.030 106.96) | #f1f1da | hsl(60, 45%, 90%) |
|
|
| 100 | oklch(0.958 0.029 106.93) | #f3f3dd | hsl(60, 48%, 91%) |
|
|
| 200 | oklch(0.962 0.025 106.86) | #f4f4e1 | hsl(60, 46%, 92%) |
|
|
| 300 | oklch(0.966 0.021 106.79) | #f5f5e5 | hsl(60, 44%, 93%) |
|
|
| 400 | oklch(0.972 0.020 106.76) | #f7f7e8 | hsl(60, 48%, 94%) |
|
|
| 500 | oklch(0.976 0.016 106.69) | #f8f8ec | hsl(60, 46%, 95%) |
|
|
| 600 | oklch(0.897 0.068 107.69) | #e1e1ad | hsl(60, 46%, 78%) |
|
|
| 700 | oklch(0.816 0.115 108.70) | #c9c96d | hsl(60, 46%, 61%) |
|
|
| 800 | oklch(0.699 0.125 109.25) | #a4a43c | hsl(60, 46%, 44%) |
|
|
| 900 | oklch(0.493 0.086 109.17) | #656525 | hsl(60, 46%, 27%) |
|
|
| 950 | oklch(0.258 0.038 108.79) | #25250e | hsl(60, 45%, 10%) |
|
dsfds
| 50 | oklch(0.962 0.050 119.63) | #eef8d3 | hsl(76, 73%, 90%) |
|
|
| 100 | oklch(0.935 0.087 120.50) | #e1f3b1 | hsl(76, 73%, 82%) |
|
|
| 200 | oklch(0.908 0.121 120.66) | #d5ed90 | hsl(75, 72%, 75%) |
|
|
| 300 | oklch(0.883 0.153 121.79) | #c8e86e | hsl(76, 73%, 67%) |
|
|
| 400 | oklch(0.857 0.177 122.82) | #bbe24d | hsl(76, 72%, 59%) |
|
|
| 500 | oklch(0.835 0.196 124.27) | #aedd2b | hsl(76, 72%, 52%) |
|
|
| 600 | oklch(0.748 0.178 124.45) | #95bf1f | hsl(76, 72%, 44%) |
|
|
| 700 | oklch(0.638 0.151 124.36) | #789a19 | hsl(76, 72%, 35%) |
|
|
| 800 | oklch(0.523 0.122 124.23) | #5b7513 | hsl(76, 72%, 27%) |
|
|
| 900 | oklch(0.406 0.092 123.87) | #3f510d | hsl(76, 72%, 18%) |
|
|
| 950 | oklch(0.275 0.058 123.31) | #222c07 | hsl(76, 73%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.039 230.20) | #ceedfd | hsl(200, 92%, 90%) |
|
|
| 100 | oklch(0.847 0.084 232.56) | #94d7fb | hsl(201, 93%, 78%) |
|
|
| 200 | oklch(0.775 0.124 234.67) | #5ac2f9 | hsl(201, 93%, 66%) |
|
|
| 300 | oklch(0.710 0.153 239.50) | #21acf6 | hsl(201, 92%, 55%) |
|
|
| 400 | oklch(0.614 0.145 242.33) | #088cd3 | hsl(201, 93%, 43%) |
|
|
| 500 | oklch(0.488 0.112 241.26) | #066699 | hsl(201, 92%, 31%) |
|
|
| 600 | oklch(0.440 0.100 240.83) | #055884 | hsl(201, 93%, 27%) |
|
|
| 700 | oklch(0.390 0.088 240.24) | #044a6f | hsl(201, 93%, 23%) |
|
|
| 800 | oklch(0.340 0.076 240.48) | #043c5b | hsl(201, 92%, 19%) |
|
|
| 900 | oklch(0.290 0.061 237.88) | #032f46 | hsl(201, 92%, 14%) |
|
|
| 950 | oklch(0.234 0.047 235.44) | #022131 | hsl(200, 92%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.036 236.49) | #d0eafb | hsl(204, 84%, 90%) |
|
|
| 100 | oklch(0.833 0.081 236.84) | #95d1f7 | hsl(203, 86%, 78%) |
|
|
| 200 | oklch(0.746 0.123 238.98) | #59b7f2 | hsl(203, 85%, 65%) |
|
|
| 300 | oklch(0.671 0.157 244.09) | #1e9dee | hsl(203, 86%, 53%) |
|
|
| 400 | oklch(0.560 0.136 244.93) | #0f7abe | hsl(203, 85%, 40%) |
|
|
| 500 | oklch(0.430 0.102 244.24) | #0a5483 | hsl(203, 86%, 28%) |
|
|
| 600 | oklch(0.391 0.091 244.05) | #094972 | hsl(203, 85%, 24%) |
|
|
| 700 | oklch(0.353 0.081 243.19) | #073f62 | hsl(203, 87%, 21%) |
|
|
| 800 | oklch(0.312 0.070 242.71) | #063451 | hsl(203, 86%, 17%) |
|
|
| 900 | oklch(0.269 0.058 242.01) | #052940 | hsl(203, 86%, 14%) |
|
|
| 950 | oklch(0.225 0.046 240.91) | #041e2f | hsl(204, 84%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.041 238.05) | #cdeafe | hsl(204, 96%, 90%) |
|
|
| 100 | oklch(0.821 0.097 240.22) | #89cdfd | hsl(205, 97%, 76%) |
|
|
| 200 | oklch(0.729 0.147 243.40) | #44b0fc | hsl(205, 97%, 63%) |
|
|
| 300 | oklch(0.650 0.179 249.13) | #0593f6 | hsl(205, 96%, 49%) |
|
|
| 400 | oklch(0.512 0.138 248.30) | #036ab1 | hsl(204, 97%, 35%) |
|
|
| 500 | oklch(0.365 0.095 247.07) | #02416d | hsl(205, 96%, 22%) |
|
|
| 600 | oklch(0.338 0.086 246.51) | #023a61 | hsl(205, 96%, 19%) |
|
|
| 700 | oklch(0.311 0.078 245.81) | #023355 | hsl(205, 95%, 17%) |
|
|
| 800 | oklch(0.283 0.071 245.31) | #012c4a | hsl(205, 97%, 15%) |
|
|
| 900 | oklch(0.255 0.062 244.13) | #01253e | hsl(205, 97%, 12%) |
|
|
| 950 | oklch(0.225 0.052 242.47) | #011e32 | hsl(204, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
