Serene Coastal Color Palette
This serene palette of soft aquas and muted grays evokes a refreshing coastal breeze, blending tranquility and modern elegance in a soothing, airy ambiance.
Practical uses and creative applications
The Serene Coastal Color Palette evokes the tranquil beauty of the seashore, making it an ideal choice for designers aiming to create a calm and refreshing atmosphere. Featuring soft hues such as #ebf2f2, #d0f2e7, #bcebdf, #ade0db, and #d9dbdb, this palette is perfect for branding projects that wish to convey a sense of peace and relaxation.
Whether it’s for a wellness brand, a seaside café, or a spa, these colors can help establish a serene identity that resonates with clients seeking a retreat from the chaos of everyday life. In web design, the Serene Coastal Color Palette shines by enhancing user experience through its soothing shades.
Creatives can utilize these gentle tones to create visually appealing websites that invite users to explore and engage comfortably. Additionally, this palette is ideal for packaging design, particularly for products like skincare or organic foods, where a natural, fresh aesthetic is paramount.
Interior designers can also harness the calming qualities of these colors to craft inviting spaces that echo the tranquility of coastal living, making them appealing to homeowners and businesses alike. Overall, the Serene Coastal Color Palette is perfect for anyone looking to infuse a sense of calm and elegance into their projects.
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.932 0.012 196.95) | #e0ebeb | hsl(180, 22%, 90%) |
|
|
| 100 | oklch(0.936 0.011 196.97) | #e2ecec | hsl(180, 21%, 91%) |
|
|
| 200 | oklch(0.942 0.011 196.98) | #e4eeee | hsl(180, 23%, 91%) |
|
|
| 300 | oklch(0.946 0.009 197.01) | #e7efef | hsl(180, 20%, 92%) |
|
|
| 400 | oklch(0.952 0.009 197.01) | #e9f1f1 | hsl(180, 22%, 93%) |
|
|
| 500 | oklch(0.956 0.007 197.03) | #ebf2f2 | hsl(180, 21%, 94%) |
|
|
| 600 | oklch(0.839 0.027 196.65) | #b7d0d0 | hsl(180, 21%, 77%) |
|
|
| 700 | oklch(0.723 0.046 196.18) | #84afaf | hsl(180, 21%, 60%) |
|
|
| 800 | oklch(0.586 0.051 195.85) | #578686 | hsl(180, 21%, 43%) |
|
|
| 900 | oklch(0.419 0.035 195.91) | #365353 | hsl(180, 21%, 27%) |
|
|
| 950 | oklch(0.229 0.016 196.11) | #141f1f | hsl(180, 22%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.033 174.97) | #d7f4eb | hsl(161, 57%, 90%) |
|
|
| 100 | oklch(0.943 0.034 173.49) | #d6f4ea | hsl(160, 58%, 90%) |
|
|
| 200 | oklch(0.939 0.035 174.12) | #d4f3e9 | hsl(161, 56%, 89%) |
|
|
| 300 | oklch(0.938 0.036 172.77) | #d3f3e8 | hsl(159, 57%, 89%) |
|
|
| 400 | oklch(0.935 0.037 175.27) | #d1f2e8 | hsl(162, 56%, 88%) |
|
|
| 500 | oklch(0.934 0.038 173.94) | #d0f2e7 | hsl(161, 57%, 88%) |
|
|
| 600 | oklch(0.851 0.087 171.60) | #91e1c7 | hsl(161, 57%, 73%) |
|
|
| 700 | oklch(0.774 0.125 168.56) | #53cfa7 | hsl(161, 56%, 57%) |
|
|
| 800 | oklch(0.647 0.119 166.44) | #2ea57e | hsl(160, 56%, 41%) |
|
|
| 900 | oklch(0.459 0.082 167.15) | #1c664e | hsl(161, 57%, 25%) |
|
|
| 950 | oklch(0.252 0.039 169.77) | #0b281f | hsl(161, 57%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.030 178.33) | #d8f3ec | hsl(164, 53%, 90%) |
|
|
| 100 | oklch(0.936 0.035 178.76) | #d2f2ea | hsl(165, 55%, 89%) |
|
|
| 200 | oklch(0.928 0.038 178.16) | #cdf0e7 | hsl(165, 54%, 87%) |
|
|
| 300 | oklch(0.919 0.043 178.05) | #c7eee4 | hsl(165, 53%, 86%) |
|
|
| 400 | oklch(0.913 0.047 177.93) | #c2ede2 | hsl(165, 54%, 85%) |
|
|
| 500 | oklch(0.904 0.051 177.79) | #bcebdf | hsl(165, 54%, 83%) |
|
|
| 600 | oklch(0.827 0.091 175.95) | #83dac4 | hsl(165, 54%, 68%) |
|
|
| 700 | oklch(0.757 0.122 172.61) | #49c9a8 | hsl(165, 54%, 54%) |
|
|
| 800 | oklch(0.618 0.106 171.75) | #2e9a7e | hsl(164, 54%, 39%) |
|
|
| 900 | oklch(0.445 0.074 171.82) | #1d614f | hsl(164, 54%, 25%) |
|
|
| 950 | oklch(0.249 0.036 173.76) | #0c2720 | hsl(164, 53%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.024 190.42) | #daf1ef | hsl(175, 45%, 90%) |
|
|
| 100 | oklch(0.927 0.031 189.06) | #d1eeeb | hsl(174, 46%, 88%) |
|
|
| 200 | oklch(0.912 0.036 190.03) | #c8eae7 | hsl(175, 45%, 85%) |
|
|
| 300 | oklch(0.898 0.042 188.99) | #bfe7e3 | hsl(174, 45%, 83%) |
|
|
| 400 | oklch(0.883 0.047 189.65) | #b6e3df | hsl(175, 45%, 80%) |
|
|
| 500 | oklch(0.870 0.053 188.79) | #ade0db | hsl(174, 45%, 78%) |
|
|
| 600 | oklch(0.794 0.081 187.70) | #7bcdc5 | hsl(174, 45%, 64%) |
|
|
| 700 | oklch(0.722 0.103 186.26) | #49baaf | hsl(174, 45%, 51%) |
|
|
| 800 | oklch(0.577 0.082 186.56) | #348981 | hsl(174, 45%, 37%) |
|
|
| 900 | oklch(0.419 0.057 186.92) | #215752 | hsl(174, 45%, 24%) |
|
|
| 950 | oklch(0.245 0.029 188.02) | #0e2523 | hsl(175, 45%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.001 197.14) | #e5e6e6 | hsl(180, 2%, 90%) |
|
|
| 100 | oklch(0.917 0.002 197.12) | #e2e4e4 | hsl(180, 4%, 89%) |
|
|
| 200 | oklch(0.911 0.002 197.12) | #e0e2e2 | hsl(180, 3%, 88%) |
|
|
| 300 | oklch(0.903 0.001 197.14) | #dedfdf | hsl(180, 2%, 87%) |
|
|
| 400 | oklch(0.896 0.002 197.12) | #dbdddd | hsl(180, 3%, 86%) |
|
|
| 500 | oklch(0.890 0.002 197.12) | #d9dbdb | hsl(180, 3%, 85%) |
|
|
| 600 | oklch(0.772 0.006 197.04) | #b1b6b6 | hsl(180, 3%, 70%) |
|
|
| 700 | oklch(0.648 0.007 196.98) | #8a9090 | hsl(180, 3%, 55%) |
|
|
| 800 | oklch(0.516 0.006 196.96) | #646969 | hsl(180, 2%, 40%) |
|
|
| 900 | oklch(0.375 0.005 196.93) | #3e4242 | hsl(180, 3%, 25%) |
|
|
| 950 | oklch(0.217 0.002 197.04) | #191a1a | hsl(180, 2%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
