Serene Coastal Color Palette
This calming palette blends soft blush and cool greys with refreshing aqua tones, evoking a serene coastal vibe that feels both modern and uplifting.
Practical uses and creative applications
The Serene Coastal Color Palette evokes the tranquil beauty of ocean shores, featuring soft hues like #f1ebeb and #eee8e8 that resemble gentle sands and frothy waves. This palette is ideal for brands looking to convey calmness and sophistication, making it perfect for wellness products, beach resorts, or lifestyle blogs.
Designers and creatives can effortlessly integrate these colors into web design, ensuring an inviting and serene user experience that resonates with audiences seeking relaxation and rejuvenation. In addition to branding and web design, the Serene Coastal Color Palette shines in packaging and interior design.
Imagine a spa line packaged in these soothing shades, or a coastal-themed room adorned with accents of #24c0eb and #5cceee, capturing the essence of a seaside escape. This palette is particularly suited for those in the wellness and lifestyle industries, as well as interior designers aiming to create spaces that evoke peace and tranquility.
Whether you’re a graphic designer working on a new project or a homeowner looking to refresh your space, the Serene Coastal Color Palette offers endless possibilities for creating an atmosphere of serenity and style.
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.917 0.010 17.34) | #eae1e1 | hsl(0, 18%, 90%) |
|
|
| 100 | oklch(0.922 0.009 17.31) | #ebe3e3 | hsl(0, 17%, 91%) |
|
|
| 200 | oklch(0.928 0.009 17.31) | #ede5e5 | hsl(0, 18%, 91%) |
|
|
| 300 | oklch(0.933 0.008 17.29) | #eee7e7 | hsl(0, 17%, 92%) |
|
|
| 400 | oklch(0.939 0.008 17.29) | #f0e9e9 | hsl(0, 19%, 93%) |
|
|
| 500 | oklch(0.945 0.006 17.27) | #f1ebeb | hsl(0, 18%, 93%) |
|
|
| 600 | oklch(0.803 0.024 17.66) | #ceb9b9 | hsl(0, 18%, 77%) |
|
|
| 700 | oklch(0.657 0.044 18.34) | #ab8787 | hsl(0, 18%, 60%) |
|
|
| 800 | oklch(0.512 0.052 18.99) | #825b5b | hsl(0, 18%, 43%) |
|
|
| 900 | oklch(0.368 0.034 18.85) | #503838 | hsl(0, 18%, 27%) |
|
|
| 950 | oklch(0.207 0.015 18.42) | #1e1515 | hsl(0, 18%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.008 17.30) | #e9e2e2 | hsl(0, 14%, 90%) |
|
|
| 100 | oklch(0.921 0.008 17.30) | #eae3e3 | hsl(0, 14%, 90%) |
|
|
| 200 | oklch(0.924 0.008 17.29) | #ebe4e4 | hsl(0, 15%, 91%) |
|
|
| 300 | oklch(0.927 0.008 17.29) | #ece5e5 | hsl(0, 16%, 91%) |
|
|
| 400 | oklch(0.933 0.007 17.27) | #ede7e7 | hsl(0, 14%, 92%) |
|
|
| 500 | oklch(0.936 0.007 17.27) | #eee8e8 | hsl(0, 15%, 92%) |
|
|
| 600 | oklch(0.798 0.021 17.59) | #cab8b8 | hsl(0, 15%, 76%) |
|
|
| 700 | oklch(0.656 0.038 18.16) | #a78888 | hsl(0, 15%, 59%) |
|
|
| 800 | oklch(0.512 0.043 18.68) | #7e5d5d | hsl(0, 15%, 43%) |
|
|
| 900 | oklch(0.368 0.030 18.61) | #4e3939 | hsl(0, 16%, 26%) |
|
|
| 950 | oklch(0.209 0.011 18.10) | #1d1616 | hsl(0, 14%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.907 0.000 89.88) | #e0e0e0 | hsl(0, 0%, 88%) |
|
|
| 200 | oklch(0.891 0.000 89.88) | #dbdbdb | hsl(0, 0%, 86%) |
|
|
| 300 | oklch(0.873 0.000 89.88) | #d5d5d5 | hsl(0, 0%, 84%) |
|
|
| 400 | oklch(0.858 0.000 89.88) | #d0d0d0 | hsl(0, 0%, 82%) |
|
|
| 500 | oklch(0.839 0.000 89.88) | #cacaca | hsl(0, 0%, 79%) |
|
|
| 600 | oklch(0.728 0.000 89.88) | #a7a7a7 | hsl(0, 0%, 65%) |
|
|
| 700 | oklch(0.610 0.000 89.88) | #838383 | hsl(0, 0%, 51%) |
|
|
| 800 | oklch(0.489 0.000 89.88) | #606060 | hsl(0, 0%, 38%) |
|
|
| 900 | oklch(0.360 0.000 89.88) | #3d3d3d | hsl(0, 0%, 24%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.037 215.49) | #d0f2fb | hsl(193, 84%, 90%) |
|
|
| 100 | oklch(0.897 0.063 216.61) | #aee8f8 | hsl(193, 84%, 83%) |
|
|
| 200 | oklch(0.855 0.086 216.53) | #8bdef4 | hsl(193, 83%, 75%) |
|
|
| 300 | oklch(0.817 0.106 218.02) | #69d4f1 | hsl(193, 83%, 68%) |
|
|
| 400 | oklch(0.782 0.123 219.89) | #46caee | hsl(193, 83%, 60%) |
|
|
| 500 | oklch(0.751 0.133 222.67) | #24c0eb | hsl(193, 83%, 53%) |
|
|
| 600 | oklch(0.678 0.124 224.06) | #13a7d0 | hsl(193, 83%, 45%) |
|
|
| 700 | oklch(0.580 0.106 223.61) | #0f87a8 | hsl(193, 84%, 36%) |
|
|
| 800 | oklch(0.475 0.085 223.23) | #0c667f | hsl(193, 83%, 27%) |
|
|
| 900 | oklch(0.367 0.064 222.15) | #084657 | hsl(193, 83%, 19%) |
|
|
| 950 | oklch(0.250 0.041 219.39) | #04262f | hsl(193, 84%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.036 216.56) | #d1f1fa | hsl(193, 80%, 90%) |
|
|
| 100 | oklch(0.907 0.054 217.10) | #b9eaf8 | hsl(193, 82%, 85%) |
|
|
| 200 | oklch(0.878 0.070 216.85) | #a2e3f5 | hsl(193, 81%, 80%) |
|
|
| 300 | oklch(0.850 0.085 217.83) | #8bdcf3 | hsl(193, 81%, 75%) |
|
|
| 400 | oklch(0.823 0.100 217.94) | #73d5f0 | hsl(193, 81%, 70%) |
|
|
| 500 | oklch(0.798 0.112 219.25) | #5cceee | hsl(193, 81%, 65%) |
|
|
| 600 | oklch(0.749 0.131 222.53) | #29bfe9 | hsl(193, 81%, 54%) |
|
|
| 700 | oklch(0.654 0.119 224.10) | #159fc6 | hsl(193, 81%, 43%) |
|
|
| 800 | oklch(0.526 0.095 223.64) | #0f7693 | hsl(193, 81%, 32%) |
|
|
| 900 | oklch(0.394 0.069 222.63) | #0a4e61 | hsl(193, 81%, 21%) |
|
|
| 950 | oklch(0.246 0.040 220.43) | #05252e | hsl(193, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
