Coastal Serenity Color Palette
This palette exudes a serene, coastal charm with earthy taupes and soft aqua tones, evoking a tranquil retreat where nature meets modern elegance.
Practical uses and creative applications
The Coastal Serenity Color Palette encapsulates the tranquil essence of seaside landscapes, making it an ideal choice for designers and creatives seeking to evoke calm and relaxation. Featuring earthy tones like #807462 and #665c49, paired with soft hues of aqua (#b8faff and #e8fdff), this palette is perfect for branding projects that aim to convey a sense of peace and nature.
Whether you're developing a logo for a wellness brand or designing packaging for organic products, these colors can create a soothing visual identity that resonates with your target audience. In web design, the Coastal Serenity Color Palette is particularly effective for crafting serene and inviting user experiences.
The balance of muted and vibrant shades allows for a harmonious layout that enhances readability while maintaining an airy, open feel. This palette is well-suited for businesses in the hospitality, spa, or eco-friendly sectors, where a calming aesthetic can significantly impact customer perception.
Interior designers can also leverage these colors to create relaxing spaces in homes or offices, promoting a peaceful atmosphere that encourages productivity and well-being. Overall, the Coastal Serenity Color Palette is a versatile choice for anyone looking to infuse their projects with a touch of nature-inspired tranquility.
It appeals to designers working across various fields, from branding and web design to interiors and packaging, making it an excellent option for those aiming to create a cohesive and serene aesthetic.
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.926 0.006 75.40) | #e9e6e2 | hsl(34, 14%, 90%) |
|
|
| 100 | oklch(0.857 0.012 71.88) | #d5cfc8 | hsl(32, 13%, 81%) |
|
|
| 200 | oklch(0.788 0.018 81.32) | #c0b9ad | hsl(38, 13%, 72%) |
|
|
| 300 | oklch(0.716 0.024 78.16) | #aca293 | hsl(36, 13%, 63%) |
|
|
| 400 | oklch(0.643 0.030 76.05) | #988b79 | hsl(35, 13%, 54%) |
|
|
| 500 | oklch(0.565 0.031 78.00) | #807462 | hsl(36, 13%, 44%) |
|
|
| 600 | oklch(0.501 0.026 78.02) | #6c6253 | hsl(36, 13%, 37%) |
|
|
| 700 | oklch(0.435 0.022 78.04) | #585044 | hsl(36, 13%, 31%) |
|
|
| 800 | oklch(0.368 0.019 76.80) | #453e34 | hsl(35, 14%, 24%) |
|
|
| 900 | oklch(0.296 0.014 76.33) | #312c25 | hsl(35, 14%, 17%) |
|
|
| 950 | oklch(0.220 0.009 75.15) | #1d1a16 | hsl(34, 14%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.006 75.40) | #e9e6e2 | hsl(34, 14%, 90%) |
|
|
| 100 | oklch(0.879 0.012 71.89) | #dcd6cf | hsl(32, 16%, 84%) |
|
|
| 200 | oklch(0.831 0.015 70.86) | #cec6bd | hsl(32, 15%, 77%) |
|
|
| 300 | oklch(0.784 0.021 74.61) | #c1b7aa | hsl(34, 16%, 71%) |
|
|
| 400 | oklch(0.734 0.025 73.52) | #b3a798 | hsl(33, 15%, 65%) |
|
|
| 500 | oklch(0.684 0.031 72.31) | #a69785 | hsl(33, 16%, 59%) |
|
|
| 600 | oklch(0.604 0.038 71.31) | #907e69 | hsl(32, 16%, 49%) |
|
|
| 700 | oklch(0.516 0.032 70.52) | #746554 | hsl(32, 16%, 39%) |
|
|
| 800 | oklch(0.424 0.025 71.70) | #574c3f | hsl(33, 16%, 29%) |
|
|
| 900 | oklch(0.326 0.018 74.02) | #3a332a | hsl(34, 16%, 20%) |
|
|
| 950 | oklch(0.220 0.009 75.15) | #1d1a16 | hsl(34, 14%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.048 202.78) | #ccfbff | hsl(185, 100%, 90%) |
|
|
| 100 | oklch(0.954 0.052 202.25) | #c8fbff | hsl(184, 100%, 89%) |
|
|
| 200 | oklch(0.952 0.056 201.80) | #c4fbff | hsl(184, 100%, 88%) |
|
|
| 300 | oklch(0.950 0.059 201.40) | #c0fbff | hsl(184, 100%, 88%) |
|
|
| 400 | oklch(0.945 0.062 202.36) | #bcfaff | hsl(184, 100%, 87%) |
|
|
| 500 | oklch(0.943 0.066 201.97) | #b8faff | hsl(184, 100%, 86%) |
|
|
| 600 | oklch(0.898 0.121 201.78) | #6af5ff | hsl(184, 100%, 71%) |
|
|
| 700 | oklch(0.869 0.145 203.64) | #1defff | hsl(184, 100%, 56%) |
|
|
| 800 | oklch(0.737 0.126 204.08) | #00c0ce | hsl(184, 100%, 40%) |
|
|
| 900 | oklch(0.522 0.089 203.98) | #007881 | hsl(184, 100%, 25%) |
|
|
| 950 | oklch(0.278 0.047 203.76) | #002f33 | hsl(185, 100%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.048 202.78) | #ccfbff | hsl(185, 100%, 90%) |
|
|
| 100 | oklch(0.961 0.042 203.73) | #d2fbff | hsl(185, 100%, 91%) |
|
|
| 200 | oklch(0.966 0.038 202.55) | #d7fcff | hsl(185, 100%, 92%) |
|
|
| 300 | oklch(0.970 0.032 203.74) | #ddfcff | hsl(185, 100%, 93%) |
|
|
| 400 | oklch(0.975 0.028 202.12) | #e2fdff | hsl(184, 100%, 94%) |
|
|
| 500 | oklch(0.979 0.022 203.70) | #e8fdff | hsl(185, 100%, 95%) |
|
|
| 600 | oklch(0.912 0.095 203.91) | #91f5ff | hsl(185, 100%, 78%) |
|
|
| 700 | oklch(0.870 0.138 204.76) | #3aeeff | hsl(185, 100%, 61%) |
|
|
| 800 | oklch(0.778 0.133 206.56) | #00cee1 | hsl(185, 100%, 44%) |
|
|
| 900 | oklch(0.542 0.093 206.47) | #007e8a | hsl(185, 100%, 27%) |
|
|
| 950 | oklch(0.278 0.047 203.76) | #002f33 | hsl(185, 100%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.009 84.57) | #eae7e1 | hsl(40, 18%, 90%) |
|
|
| 100 | oklch(0.847 0.018 84.59) | #d2ccc0 | hsl(40, 17%, 79%) |
|
|
| 200 | oklch(0.763 0.027 84.59) | #bab19f | hsl(40, 16%, 68%) |
|
|
| 300 | oklch(0.678 0.037 82.84) | #a3967e | hsl(39, 17%, 57%) |
|
|
| 400 | oklch(0.585 0.040 83.65) | #877a61 | hsl(39, 16%, 45%) |
|
|
| 500 | oklch(0.479 0.032 83.39) | #665c49 | hsl(39, 17%, 34%) |
|
|
| 600 | oklch(0.432 0.028 81.93) | #584f3f | hsl(38, 17%, 30%) |
|
|
| 700 | oklch(0.382 0.025 84.50) | #494234 | hsl(40, 17%, 25%) |
|
|
| 800 | oklch(0.332 0.020 82.65) | #3b352a | hsl(39, 17%, 20%) |
|
|
| 900 | oklch(0.278 0.015 84.54) | #2c2820 | hsl(40, 16%, 15%) |
|
|
| 950 | oklch(0.223 0.012 84.55) | #1e1b15 | hsl(40, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
