Serene Coastal Color Palette
This palette exudes a serene coastal vibe with soft sandy beige (#dad6ca), refreshing turquoise (#1bb0ce), and deep teal (#4f8699), beautifully contrasted by muted mauve (#6a5e72) and rich plum (#563444), evoking a tranquil sunset by the sea.
Practical uses and creative applications
The Serene Coastal Color Palette offers a harmonious blend of soft neutrals and vibrant oceanic hues, making it an ideal choice for designers and creatives looking to evoke calm and tranquility. Featuring soothing shades like #dad6ca, a gentle cream, paired with the refreshing #1bb0ce, a bright turquoise, this palette is perfect for branding projects that aim to create a sense of peace and relaxation.
Whether you’re designing a wellness brand, a beachside café, or a spa, these colors can effectively communicate your brand's ethos and draw in your target audience. This color palette is also well-suited for web design, particularly for websites related to travel, nature, or holistic living.
The calming influence of #4f8699, a deep sea blue, alongside the muted #6a5e72 and rich #563444, adds depth and sophistication to any digital interface. Use these colors in packaging design for eco-friendly products or artisanal goods to create an inviting aesthetic that resonates with conscious consumers.
In interiors, the Serene Coastal Color Palette can transform spaces into serene retreats, ideal for coastal homes or relaxation-focused environments. Overall, this palette beautifully marries style with a soothing mood, making it a go-to for those in pursuit of a tranquil yet stylish design approach.
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.931 0.010 93.57) | #eae8e1 | hsl(47, 18%, 90%) |
|
|
| 100 | oklch(0.919 0.011 89.73) | #e7e4dc | hsl(44, 19%, 88%) |
|
|
| 200 | oklch(0.910 0.013 91.53) | #e4e1d8 | hsl(45, 18%, 87%) |
|
|
| 300 | oklch(0.897 0.014 92.99) | #e0ddd3 | hsl(46, 17%, 85%) |
|
|
| 400 | oklch(0.888 0.015 94.22) | #dddacf | hsl(47, 17%, 84%) |
|
|
| 500 | oklch(0.876 0.017 91.57) | #dad6ca | hsl(45, 18%, 82%) |
|
|
| 600 | oklch(0.771 0.030 89.61) | #bcb49f | hsl(43, 18%, 68%) |
|
|
| 700 | oklch(0.663 0.047 92.77) | #9d9373 | hsl(46, 18%, 53%) |
|
|
| 800 | oklch(0.532 0.040 91.23) | #756c52 | hsl(45, 18%, 39%) |
|
|
| 900 | oklch(0.387 0.028 93.63) | #494433 | hsl(46, 18%, 24%) |
|
|
| 950 | oklch(0.226 0.013 93.96) | #1e1c15 | hsl(47, 18%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.035 209.82) | #d2f3f9 | hsl(189, 76%, 90%) |
|
|
| 100 | oklch(0.891 0.064 212.27) | #aae7f4 | hsl(191, 77%, 81%) |
|
|
| 200 | oklch(0.845 0.090 212.74) | #82dcef | hsl(190, 77%, 72%) |
|
|
| 300 | oklch(0.802 0.111 213.13) | #5ad1e9 | hsl(190, 76%, 63%) |
|
|
| 400 | oklch(0.765 0.125 215.17) | #32c6e4 | hsl(190, 77%, 55%) |
|
|
| 500 | oklch(0.699 0.120 216.40) | #1bb0ce | hsl(190, 77%, 46%) |
|
|
| 600 | oklch(0.619 0.105 215.93) | #1795ae | hsl(190, 77%, 39%) |
|
|
| 700 | oklch(0.532 0.090 216.36) | #13798e | hsl(190, 76%, 32%) |
|
|
| 800 | oklch(0.445 0.074 214.37) | #0e5e6d | hsl(189, 77%, 24%) |
|
|
| 900 | oklch(0.350 0.057 214.62) | #0a424d | hsl(190, 77%, 17%) |
|
|
| 950 | oklch(0.252 0.039 212.15) | #06272d | hsl(189, 76%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.015 224.50) | #dde9ee | hsl(198, 33%, 90%) |
|
|
| 100 | oklch(0.861 0.027 220.68) | #bfd6de | hsl(195, 32%, 81%) |
|
|
| 200 | oklch(0.796 0.040 221.25) | #a1c3cf | hsl(196, 32%, 72%) |
|
|
| 300 | oklch(0.731 0.052 220.87) | #84b0bf | hsl(195, 32%, 63%) |
|
|
| 400 | oklch(0.665 0.064 221.80) | #669db0 | hsl(195, 32%, 55%) |
|
|
| 500 | oklch(0.589 0.065 222.24) | #4f8699 | hsl(195, 32%, 45%) |
|
|
| 600 | oklch(0.522 0.056 222.31) | #437181 | hsl(195, 32%, 38%) |
|
|
| 700 | oklch(0.452 0.048 221.90) | #365c69 | hsl(195, 32%, 31%) |
|
|
| 800 | oklch(0.379 0.039 221.92) | #2a4751 | hsl(195, 32%, 24%) |
|
|
| 900 | oklch(0.304 0.029 225.15) | #1e323a | hsl(197, 32%, 17%) |
|
|
| 950 | oklch(0.222 0.020 225.86) | #111d22 | hsl(198, 33%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.007 312.30) | #e6e3e8 | hsl(276, 10%, 90%) |
|
|
| 100 | oklch(0.839 0.013 310.51) | #cdc8d1 | hsl(273, 9%, 80%) |
|
|
| 200 | oklch(0.757 0.023 312.13) | #b5acbb | hsl(276, 10%, 70%) |
|
|
| 300 | oklch(0.672 0.030 311.19) | #9c91a4 | hsl(275, 9%, 61%) |
|
|
| 400 | oklch(0.584 0.040 312.85) | #84758d | hsl(278, 10%, 51%) |
|
|
| 500 | oklch(0.501 0.034 311.85) | #6a5e72 | hsl(276, 10%, 41%) |
|
|
| 600 | oklch(0.447 0.030 311.38) | #5a5061 | hsl(275, 10%, 35%) |
|
|
| 700 | oklch(0.392 0.025 310.72) | #4a4250 | hsl(274, 10%, 29%) |
|
|
| 800 | oklch(0.333 0.021 313.33) | #3a333e | hsl(278, 10%, 22%) |
|
|
| 900 | oklch(0.273 0.016 312.91) | #2a252d | hsl(278, 10%, 16%) |
|
|
| 950 | oklch(0.210 0.011 311.98) | #1a171c | hsl(276, 10%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.016 347.66) | #ecdfe5 | hsl(332, 25%, 90%) |
|
|
| 100 | oklch(0.808 0.038 347.26) | #d4b7c5 | hsl(331, 25%, 77%) |
|
|
| 200 | oklch(0.698 0.060 348.51) | #bb8fa4 | hsl(331, 24%, 65%) |
|
|
| 300 | oklch(0.587 0.085 350.55) | #a36783 | hsl(332, 25%, 52%) |
|
|
| 400 | oklch(0.482 0.075 350.05) | #7e4c64 | hsl(331, 25%, 40%) |
|
|
| 500 | oklch(0.372 0.054 350.35) | #563444 | hsl(332, 25%, 27%) |
|
|
| 600 | oklch(0.339 0.049 350.53) | #4b2d3b | hsl(332, 25%, 24%) |
|
|
| 700 | oklch(0.308 0.042 349.57) | #402733 | hsl(331, 24%, 20%) |
|
|
| 800 | oklch(0.274 0.036 349.69) | #35202a | hsl(331, 25%, 17%) |
|
|
| 900 | oklch(0.243 0.030 349.81) | #2b1a22 | hsl(332, 25%, 14%) |
|
|
| 950 | oklch(0.207 0.024 350.12) | #201319 | hsl(332, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
