Serene Coastal Color Palette
This palette radiates a serene coastal vibe with soft teal and warm sandy beige, punctuated by vibrant coral and deep burgundy, creating a stylishly inviting and earthy atmosphere.
Practical uses and creative applications
The Serene Coastal Color Palette is a harmonious blend of soothing tones that evoke the tranquil essence of seaside escapes. Featuring soft aqua (#88d1ca) and sandy beige (#ded6c9), this palette is perfect for branding projects aimed at wellness, travel, or eco-friendly products.
The vibrant coral (#e68a2e) and deep red (#c90a00) create eye-catching accents that can invigorate your designs, while the rich dark brown (#452b34) grounds the overall look, making it ideal for rustic or coastal-themed interiors. This palette caters to designers and creatives seeking to capture the calm and refreshing vibe of coastal living.
Whether used in web design for a serene user experience or in packaging for artisanal goods, the Serene Coastal Color Palette brings a sense of relaxation and connection to nature. It’s particularly suited for businesses in the hospitality industry, lifestyle brands, or interior design projects aiming to create inviting spaces that reflect the beauty of coastal environments.
Let this palette inspire your next project, making every design feel like a refreshing getaway.
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.941 0.024 190.42) | #daf1ef | hsl(175, 45%, 90%) |
|
|
| 100 | oklch(0.913 0.034 189.68) | #caeae7 | hsl(174, 43%, 85%) |
|
|
| 200 | oklch(0.887 0.045 189.41) | #b9e4e0 | hsl(174, 44%, 81%) |
|
|
| 300 | oklch(0.863 0.055 188.99) | #a9ded9 | hsl(174, 45%, 77%) |
|
|
| 400 | oklch(0.835 0.065 188.58) | #98d7d1 | hsl(174, 44%, 72%) |
|
|
| 500 | oklch(0.811 0.074 188.16) | #88d1ca | hsl(174, 44%, 68%) |
|
|
| 600 | oklch(0.749 0.094 186.63) | #5ec1b7 | hsl(174, 44%, 56%) |
|
|
| 700 | oklch(0.657 0.094 186.09) | #3fa49a | hsl(174, 44%, 45%) |
|
|
| 800 | oklch(0.531 0.075 185.55) | #2f7a72 | hsl(174, 44%, 33%) |
|
|
| 900 | oklch(0.393 0.052 187.86) | #1f4f4b | hsl(175, 44%, 22%) |
|
|
| 950 | oklch(0.245 0.029 188.02) | #0e2523 | hsl(175, 45%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.012 79.78) | #ece7df | hsl(37, 25%, 90%) |
|
|
| 100 | oklch(0.920 0.013 82.40) | #e9e4db | hsl(39, 24%, 89%) |
|
|
| 200 | oklch(0.909 0.015 80.71) | #e6e0d6 | hsl(38, 24%, 87%) |
|
|
| 300 | oklch(0.899 0.016 82.79) | #e3ddd2 | hsl(39, 23%, 86%) |
|
|
| 400 | oklch(0.888 0.018 78.23) | #e1d9cd | hsl(36, 25%, 84%) |
|
|
| 500 | oklch(0.879 0.020 80.11) | #ded6c9 | hsl(37, 24%, 83%) |
|
|
| 600 | oklch(0.773 0.037 79.61) | #c2b39b | hsl(37, 24%, 68%) |
|
|
| 700 | oklch(0.664 0.055 79.10) | #a6906d | hsl(37, 24%, 54%) |
|
|
| 800 | oklch(0.534 0.049 80.09) | #7c6a4c | hsl(38, 24%, 39%) |
|
|
| 900 | oklch(0.386 0.033 77.60) | #4e4230 | hsl(36, 24%, 25%) |
|
|
| 950 | oklch(0.225 0.017 79.37) | #201b13 | hsl(37, 25%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.035 68.74) | #fae6d1 | hsl(31, 80%, 90%) |
|
|
| 100 | oklch(0.888 0.060 66.11) | #f6d3b1 | hsl(30, 79%, 83%) |
|
|
| 200 | oklch(0.843 0.085 66.24) | #f2c190 | hsl(30, 79%, 76%) |
|
|
| 300 | oklch(0.800 0.109 65.60) | #eeaf6f | hsl(30, 79%, 68%) |
|
|
| 400 | oklch(0.756 0.131 63.05) | #ea9c4f | hsl(30, 79%, 61%) |
|
|
| 500 | oklch(0.717 0.150 60.40) | #e68a2e | hsl(30, 79%, 54%) |
|
|
| 600 | oklch(0.647 0.146 58.44) | #ce7419 | hsl(30, 78%, 45%) |
|
|
| 700 | oklch(0.552 0.124 58.56) | #a65d14 | hsl(30, 78%, 36%) |
|
|
| 800 | oklch(0.455 0.099 59.69) | #7e470f | hsl(30, 79%, 28%) |
|
|
| 900 | oklch(0.350 0.074 60.23) | #56300a | hsl(30, 79%, 19%) |
|
|
| 950 | oklch(0.240 0.046 64.55) | #2e1a05 | hsl(31, 80%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.055 22.40) | #ffcfcc | hsl(4, 100%, 90%) |
|
|
| 100 | oklch(0.796 0.117 23.84) | #ff9e98 | hsl(3, 100%, 80%) |
|
|
| 200 | oklch(0.712 0.181 25.46) | #ff6c65 | hsl(3, 100%, 70%) |
|
|
| 300 | oklch(0.654 0.232 28.47) | #ff3b31 | hsl(3, 100%, 60%) |
|
|
| 400 | oklch(0.627 0.254 29.65) | #fd0d00 | hsl(3, 100%, 50%) |
|
|
| 500 | oklch(0.527 0.213 29.76) | #c90a00 | hsl(3, 100%, 39%) |
|
|
| 600 | oklch(0.468 0.188 29.91) | #ab0900 | hsl(3, 100%, 34%) |
|
|
| 700 | oklch(0.407 0.163 30.04) | #8d0700 | hsl(3, 100%, 28%) |
|
|
| 800 | oklch(0.344 0.136 30.39) | #6f0600 | hsl(3, 100%, 22%) |
|
|
| 900 | oklch(0.277 0.109 30.72) | #510400 | hsl(3, 100%, 16%) |
|
|
| 950 | oklch(0.207 0.078 32.03) | #330300 | hsl(4, 100%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.013 353.16) | #ebe0e4 | hsl(338, 22%, 90%) |
|
|
| 100 | oklch(0.800 0.035 354.36) | #d1b5bf | hsl(339, 23%, 76%) |
|
|
| 200 | oklch(0.680 0.057 356.43) | #b68a99 | hsl(340, 23%, 63%) |
|
|
| 300 | oklch(0.560 0.081 358.18) | #9b6074 | hsl(340, 24%, 49%) |
|
|
| 400 | oklch(0.447 0.061 358.30) | #704654 | hsl(340, 23%, 36%) |
|
|
| 500 | oklch(0.324 0.041 357.24) | #452b34 | hsl(339, 23%, 22%) |
|
|
| 600 | oklch(0.300 0.037 357.05) | #3d262e | hsl(339, 23%, 19%) |
|
|
| 700 | oklch(0.280 0.033 356.76) | #362229 | hsl(339, 23%, 17%) |
|
|
| 800 | oklch(0.255 0.028 356.44) | #2e1d23 | hsl(339, 23%, 15%) |
|
|
| 900 | oklch(0.231 0.026 357.62) | #27181d | hsl(340, 24%, 12%) |
|
|
| 950 | oklch(0.207 0.019 355.31) | #1f1418 | hsl(338, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
