Serene Coastal Color Palette
This palette exudes a serene coastal vibe with refreshing ocean blues, crisp whites, and soft, airy pastels, creating a tranquil and inviting atmosphere perfect for a breezy seaside retreat.
Practical uses and creative applications
The Serene Coastal Color Palette embodies the tranquil essence of seaside living, featuring soothing shades of #4180ab (deep ocean blue), #ffffff (pure white), #8ab3cf (soft sky blue), #bdd1de (gentle cloud grey), and #e4ebf0 (lightest mist). This versatile palette is perfect for branding and web design, particularly for businesses in the wellness, travel, and lifestyle sectors, where a calming aesthetic can enhance user experience and evoke a sense of relaxation.
Ideal for designers and creatives, the Serene Coastal Color Palette can transform packaging for products like organic skincare lines or artisanal food items, giving them a fresh and inviting feel. In interiors, these colors can create serene spaces that reflect a peaceful coastal vibe, making them perfect for beach homes, vacation rentals, or any space that aims to promote relaxation and tranquility.
Whether you're designing a logo or reimagining a room, this palette invites a refreshing, airy atmosphere that resonates with anyone seeking a serene escape.
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.923 0.019 235.74) | #dae8f1 | hsl(203, 45%, 90%) |
|
|
| 100 | oklch(0.854 0.037 239.22) | #bad3e5 | hsl(205, 45%, 81%) |
|
|
| 200 | oklch(0.786 0.054 237.21) | #99bfd8 | hsl(204, 45%, 72%) |
|
|
| 300 | oklch(0.716 0.072 239.34) | #79aacc | hsl(205, 45%, 64%) |
|
|
| 400 | oklch(0.649 0.089 240.17) | #5996c0 | hsl(204, 45%, 55%) |
|
|
| 500 | oklch(0.577 0.093 240.79) | #4180ab | hsl(204, 45%, 46%) |
|
|
| 600 | oklch(0.511 0.081 240.54) | #376c90 | hsl(204, 45%, 39%) |
|
|
| 700 | oklch(0.443 0.068 240.19) | #2d5875 | hsl(204, 44%, 32%) |
|
|
| 800 | oklch(0.372 0.056 240.19) | #22445b | hsl(204, 46%, 25%) |
|
|
| 900 | oklch(0.298 0.042 239.46) | #183040 | hsl(204, 45%, 17%) |
|
|
| 950 | oklch(0.218 0.026 237.87) | #0e1c25 | hsl(203, 45%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.018 234.51) | #dbe8f0 | hsl(203, 41%, 90%) |
|
|
| 100 | oklch(0.888 0.026 239.10) | #cbddea | hsl(205, 42%, 86%) |
|
|
| 200 | oklch(0.854 0.034 237.04) | #bbd3e3 | hsl(204, 42%, 81%) |
|
|
| 300 | oklch(0.817 0.043 237.26) | #aac8dc | hsl(204, 42%, 76%) |
|
|
| 400 | oklch(0.783 0.052 237.51) | #9abed6 | hsl(204, 42%, 72%) |
|
|
| 500 | oklch(0.747 0.060 238.45) | #8ab3cf | hsl(204, 42%, 68%) |
|
|
| 600 | oklch(0.656 0.082 239.40) | #6098be | hsl(204, 42%, 56%) |
|
|
| 700 | oklch(0.560 0.084 239.81) | #427ba1 | hsl(204, 42%, 45%) |
|
|
| 800 | oklch(0.454 0.067 240.57) | #315b78 | hsl(205, 42%, 33%) |
|
|
| 900 | oklch(0.340 0.047 240.74) | #203b4e | hsl(205, 42%, 22%) |
|
|
| 950 | oklch(0.218 0.024 236.43) | #0f1c24 | hsl(203, 41%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.014 238.02) | #dde7ee | hsl(205, 33%, 90%) |
|
|
| 100 | oklch(0.909 0.017 236.71) | #d7e3eb | hsl(204, 33%, 88%) |
|
|
| 200 | oklch(0.893 0.020 238.69) | #d0dee8 | hsl(205, 34%, 86%) |
|
|
| 300 | oklch(0.879 0.022 235.03) | #cadae4 | hsl(203, 33%, 84%) |
|
|
| 400 | oklch(0.863 0.026 236.88) | #c3d5e1 | hsl(204, 33%, 82%) |
|
|
| 500 | oklch(0.850 0.028 236.23) | #bdd1de | hsl(204, 33%, 81%) |
|
|
| 600 | oklch(0.739 0.050 235.93) | #8db0c6 | hsl(203, 33%, 66%) |
|
|
| 700 | oklch(0.624 0.072 238.11) | #5d8eae | hsl(204, 33%, 52%) |
|
|
| 800 | oklch(0.499 0.061 238.84) | #416882 | hsl(204, 33%, 38%) |
|
|
| 900 | oklch(0.366 0.041 237.54) | #294252 | hsl(203, 33%, 24%) |
|
|
| 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.926 0.012 231.66) | #dfe8ed | hsl(201, 28%, 90%) |
|
|
| 200 | oklch(0.927 0.011 243.66) | #e1e8ee | hsl(208, 28%, 91%) |
|
|
| 300 | oklch(0.930 0.011 243.66) | #e2e9ef | hsl(208, 29%, 91%) |
|
|
| 400 | oklch(0.933 0.010 238.52) | #e3eaef | hsl(205, 27%, 91%) |
|
|
| 500 | oklch(0.936 0.010 238.52) | #e4ebf0 | hsl(205, 29%, 92%) |
|
|
| 600 | oklch(0.806 0.031 238.94) | #aec3d2 | hsl(205, 29%, 75%) |
|
|
| 700 | oklch(0.675 0.053 238.51) | #799cb4 | hsl(204, 28%, 59%) |
|
|
| 800 | oklch(0.535 0.058 240.57) | #4e728c | hsl(205, 28%, 43%) |
|
|
| 900 | oklch(0.383 0.039 240.60) | #304656 | hsl(205, 28%, 26%) |
|
|
| 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.
