Coastal Serenity Color Palette
This palette blends deep teal and soft mint with vibrant emerald and refreshing aqua, evoking a tranquil yet invigorating coastal vibe that feels both serene and revitalizing.
Practical uses and creative applications
The Coastal Serenity Color Palette evokes the calming essence of the ocean with its harmonious blend of deep teal (#1C2830), soft seafoam (#DAFBEF), vibrant emerald (#00AA64), refreshing mint (#8FF3CF), and tranquil aqua (#69EFBF). This palette is ideal for branding projects that seek to convey a sense of peace and reliability, making it perfect for wellness brands, eco-friendly products, or coastal-inspired businesses.
Designers who want to create a soothing yet lively atmosphere will find this color combination invaluable for their projects. In web design, the Coastal Serenity palette can be used to create inviting and user-friendly interfaces, ideal for health and lifestyle websites, as well as travel blogs that focus on beach destinations.
The refreshing colors not only enhance aesthetic appeal but also foster a sense of trust and calm among users. Additionally, this palette is a fantastic choice for packaging design, particularly for products like skincare or organic food items, where a natural, fresh look is essential.
For interior designers, these colors can transform spaces into serene retreats, perfect for coastal homes or relaxation areas. Whether you are a designer looking to inspire tranquility or a creative seeking to infuse your work with the spirit of the coast, the Coastal Serenity Color Palette offers a versatile foundation that resonates with audiences who appreciate beauty and calmness in their surroundings.
Embrace the soothing vibes of this palette to elevate your designs and connect with your target audience effectively.
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.923 0.011 234.83) | #dfe7ec | hsl(203, 25%, 90%) |
|
|
| 100 | oklch(0.805 0.029 234.95) | #aec3d0 | hsl(203, 27%, 75%) |
|
|
| 200 | oklch(0.683 0.048 238.44) | #7e9eb4 | hsl(204, 26%, 60%) |
|
|
| 300 | oklch(0.558 0.056 237.54) | #547991 | hsl(204, 27%, 45%) |
|
|
| 400 | oklch(0.418 0.040 238.13) | #385060 | hsl(204, 26%, 30%) |
|
|
| 500 | oklch(0.269 0.022 237.86) | #1c2830 | hsl(204, 26%, 15%) |
|
|
| 600 | oklch(0.258 0.022 240.23) | #1a252d | hsl(205, 27%, 14%) |
|
|
| 700 | oklch(0.249 0.020 236.59) | #18232a | hsl(203, 27%, 13%) |
|
|
| 800 | oklch(0.237 0.020 239.18) | #162027 | hsl(205, 28%, 12%) |
|
|
| 900 | oklch(0.226 0.017 240.86) | #151d23 | hsl(206, 25%, 11%) |
|
|
| 950 | oklch(0.216 0.015 235.86) | #131b20 | hsl(203, 25%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.047 171.12) | #d1faeb | hsl(158, 80%, 90%) |
|
|
| 100 | oklch(0.954 0.044 171.61) | #d3faec | hsl(158, 80%, 90%) |
|
|
| 200 | oklch(0.955 0.042 172.15) | #d5faed | hsl(159, 79%, 91%) |
|
|
| 300 | oklch(0.958 0.043 170.54) | #d6fbed | hsl(157, 82%, 91%) |
|
|
| 400 | oklch(0.960 0.040 171.03) | #d8fbee | hsl(158, 81%, 92%) |
|
|
| 500 | oklch(0.961 0.038 171.57) | #dafbef | hsl(158, 80%, 92%) |
|
|
| 600 | oklch(0.893 0.108 168.09) | #8ff3ce | hsl(158, 81%, 76%) |
|
|
| 700 | oklch(0.840 0.161 163.94) | #43ebae | hsl(158, 81%, 59%) |
|
|
| 800 | oklch(0.728 0.160 160.67) | #15c585 | hsl(158, 81%, 43%) |
|
|
| 900 | oklch(0.511 0.109 161.56) | #0d7952 | hsl(158, 81%, 26%) |
|
|
| 950 | oklch(0.269 0.053 163.85) | #052e1f | hsl(158, 80%, 10%) |
|
dsfds
| 50 | oklch(0.959 0.059 168.07) | #ccffea | hsl(155, 100%, 90%) |
|
|
| 100 | oklch(0.922 0.120 165.34) | #92ffd2 | hsl(155, 100%, 79%) |
|
|
| 200 | oklch(0.897 0.169 161.92) | #58ffba | hsl(155, 100%, 67%) |
|
|
| 300 | oklch(0.883 0.203 157.88) | #1fffa3 | hsl(155, 100%, 56%) |
|
|
| 400 | oklch(0.807 0.198 155.41) | #00e486 | hsl(155, 100%, 45%) |
|
|
| 500 | oklch(0.649 0.158 155.88) | #00aa64 | hsl(155, 100%, 33%) |
|
|
| 600 | oklch(0.580 0.140 156.21) | #009256 | hsl(155, 100%, 29%) |
|
|
| 700 | oklch(0.510 0.122 156.66) | #007a48 | hsl(155, 100%, 24%) |
|
|
| 800 | oklch(0.440 0.105 156.96) | #00633a | hsl(155, 100%, 19%) |
|
|
| 900 | oklch(0.364 0.085 157.90) | #004b2c | hsl(155, 100%, 15%) |
|
|
| 950 | oklch(0.283 0.064 159.63) | #00331e | hsl(155, 100%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.047 171.12) | #d1faeb | hsl(158, 80%, 90%) |
|
|
| 100 | oklch(0.940 0.060 171.07) | #c4f9e6 | hsl(158, 82%, 87%) |
|
|
| 200 | oklch(0.927 0.072 170.52) | #b7f7e0 | hsl(158, 80%, 84%) |
|
|
| 300 | oklch(0.915 0.085 169.66) | #a9f6da | hsl(158, 81%, 81%) |
|
|
| 400 | oklch(0.903 0.096 169.80) | #9cf4d5 | hsl(159, 80%, 78%) |
|
|
| 500 | oklch(0.893 0.108 168.70) | #8ff3cf | hsl(158, 81%, 76%) |
|
|
| 600 | oklch(0.850 0.153 165.09) | #52edb5 | hsl(158, 81%, 63%) |
|
|
| 700 | oklch(0.813 0.179 160.53) | #18e49a | hsl(158, 81%, 49%) |
|
|
| 800 | oklch(0.645 0.140 160.98) | #12a771 | hsl(158, 81%, 36%) |
|
|
| 900 | oklch(0.468 0.100 161.48) | #0b6b48 | hsl(158, 81%, 23%) |
|
|
| 950 | oklch(0.269 0.053 163.85) | #052e1f | hsl(158, 80%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.047 171.12) | #d1faeb | hsl(158, 80%, 90%) |
|
|
| 100 | oklch(0.932 0.068 170.27) | #bcf8e2 | hsl(158, 81%, 85%) |
|
|
| 200 | oklch(0.914 0.087 170.13) | #a7f6da | hsl(159, 81%, 81%) |
|
|
| 300 | oklch(0.895 0.104 169.27) | #93f3d1 | hsl(159, 80%, 76%) |
|
|
| 400 | oklch(0.879 0.121 168.05) | #7ef1c8 | hsl(159, 80%, 72%) |
|
|
| 500 | oklch(0.864 0.137 166.75) | #69efbf | hsl(159, 81%, 67%) |
|
|
| 600 | oklch(0.831 0.168 163.07) | #34e9a8 | hsl(158, 80%, 56%) |
|
|
| 700 | oklch(0.751 0.164 160.83) | #16cd8b | hsl(158, 81%, 45%) |
|
|
| 800 | oklch(0.602 0.130 161.20) | #109867 | hsl(158, 81%, 33%) |
|
|
| 900 | oklch(0.443 0.094 161.85) | #0b6343 | hsl(158, 80%, 22%) |
|
|
| 950 | oklch(0.269 0.053 163.85) | #052e1f | hsl(158, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
