Serene Coastal Color Palette
This palette exudes a serene yet vibrant coastal vibe, blending refreshing mint green and soft teal with muted lavender and deep plum for a stylish balance of tranquility and creativity.
Practical uses and creative applications
The Serene Coastal Color Palette is a harmonious blend of soothing hues that evoke the tranquility of coastal landscapes. Featuring soft greens, calming blues, and rich purples, this palette is perfect for designers seeking to create an atmosphere of peace and relaxation.
With colors like #6EE2C1 and #77B7B7 reminiscent of gentle ocean waves, it's an ideal choice for branding projects targeting wellness, spa, and eco-friendly businesses. The subtle interplay between colors like #818CAC and #8A60A2 can elevate web design, making it particularly appealing for creative agencies, lifestyle bloggers, and anyone looking to convey a serene aesthetic.
This color palette is also well-suited for packaging design in industries such as skincare or organic products, where a soothing visual identity can enhance the consumer experience. Its versatility extends to interior design, where the calm tones can transform spaces into tranquil retreats, perfect for coastal-themed homes or modern minimalist environments.
Designers and creatives will find that the Serene Coastal Color Palette not only enhances visual appeal but also establishes a mood of relaxation and tranquility, making it a go-to choice for projects aiming to evoke a sense of calm and connection to nature.
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.949 0.038 175.82) | #d5f7ed | hsl(162, 68%, 90%) |
|
|
| 100 | oklch(0.923 0.055 176.09) | #c0f2e4 | hsl(163, 66%, 85%) |
|
|
| 200 | oklch(0.900 0.071 174.86) | #aceedb | hsl(163, 66%, 80%) |
|
|
| 300 | oklch(0.877 0.088 174.75) | #97ead3 | hsl(163, 66%, 75%) |
|
|
| 400 | oklch(0.856 0.102 173.49) | #83e6ca | hsl(163, 66%, 71%) |
|
|
| 500 | oklch(0.836 0.117 172.33) | #6ee2c1 | hsl(163, 67%, 66%) |
|
|
| 600 | oklch(0.795 0.142 169.36) | #3fd9ad | hsl(163, 67%, 55%) |
|
|
| 700 | oklch(0.702 0.134 168.10) | #25b98f | hsl(163, 67%, 44%) |
|
|
| 800 | oklch(0.566 0.107 167.95) | #1c8a6a | hsl(163, 66%, 33%) |
|
|
| 900 | oklch(0.419 0.076 169.50) | #125a46 | hsl(163, 67%, 21%) |
|
|
| 950 | oklch(0.261 0.043 169.96) | #092b21 | hsl(162, 65%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.016 196.88) | #deeded | hsl(180, 29%, 90%) |
|
|
| 100 | oklch(0.894 0.027 196.69) | #c9e2e2 | hsl(180, 30%, 84%) |
|
|
| 200 | oklch(0.857 0.037 196.48) | #b5d8d8 | hsl(180, 31%, 78%) |
|
|
| 300 | oklch(0.816 0.047 196.26) | #a0cdcd | hsl(180, 31%, 72%) |
|
|
| 400 | oklch(0.777 0.056 196.06) | #8cc2c2 | hsl(180, 31%, 65%) |
|
|
| 500 | oklch(0.736 0.065 195.82) | #77b7b7 | hsl(180, 31%, 59%) |
|
|
| 600 | oklch(0.672 0.077 195.48) | #57a5a5 | hsl(180, 31%, 49%) |
|
|
| 700 | oklch(0.572 0.064 195.51) | #468484 | hsl(180, 31%, 40%) |
|
|
| 800 | oklch(0.467 0.051 195.53) | #346363 | hsl(180, 31%, 30%) |
|
|
| 900 | oklch(0.355 0.037 195.62) | #234242 | hsl(180, 31%, 20%) |
|
|
| 950 | oklch(0.234 0.020 195.84) | #122121 | hsl(180, 29%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.011 269.54) | #e0e3eb | hsl(224, 22%, 90%) |
|
|
| 100 | oklch(0.864 0.017 267.77) | #cdd2de | hsl(222, 20%, 84%) |
|
|
| 200 | oklch(0.809 0.026 271.08) | #bac0d2 | hsl(225, 21%, 78%) |
|
|
| 300 | oklch(0.755 0.033 269.71) | #a7afc5 | hsl(224, 21%, 71%) |
|
|
| 400 | oklch(0.698 0.042 271.23) | #949db9 | hsl(225, 21%, 65%) |
|
|
| 500 | oklch(0.643 0.050 270.11) | #818cac | hsl(225, 21%, 59%) |
|
|
| 600 | oklch(0.553 0.061 269.72) | #647197 | hsl(225, 20%, 49%) |
|
|
| 700 | oklch(0.472 0.052 270.50) | #505a79 | hsl(225, 20%, 39%) |
|
|
| 800 | oklch(0.389 0.041 269.59) | #3c445b | hsl(225, 21%, 30%) |
|
|
| 900 | oklch(0.300 0.030 271.04) | #282d3d | hsl(226, 21%, 20%) |
|
|
| 950 | oklch(0.205 0.017 268.83) | #14171f | hsl(224, 22%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.019 312.79) | #e7dfec | hsl(277, 25%, 90%) |
|
|
| 100 | oklch(0.844 0.037 314.61) | #d5c5dd | hsl(280, 26%, 82%) |
|
|
| 200 | oklch(0.775 0.055 312.98) | #c2accf | hsl(278, 27%, 74%) |
|
|
| 300 | oklch(0.704 0.071 312.52) | #af93c0 | hsl(277, 26%, 66%) |
|
|
| 400 | oklch(0.631 0.091 313.10) | #9d79b1 | hsl(279, 26%, 58%) |
|
|
| 500 | oklch(0.559 0.109 312.47) | #8a60a2 | hsl(278, 26%, 51%) |
|
|
| 600 | oklch(0.493 0.097 312.24) | #745089 | hsl(278, 26%, 43%) |
|
|
| 700 | oklch(0.427 0.081 312.24) | #5e416f | hsl(278, 26%, 35%) |
|
|
| 800 | oklch(0.355 0.066 313.46) | #483154 | hsl(279, 26%, 26%) |
|
|
| 900 | oklch(0.282 0.048 313.96) | #32223a | hsl(280, 26%, 18%) |
|
|
| 950 | oklch(0.203 0.028 311.98) | #1b1320 | hsl(277, 25%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.042 324.70) | #f1d9f2 | hsl(298, 49%, 90%) |
|
|
| 100 | oklch(0.827 0.084 325.00) | #e3b4e5 | hsl(298, 49%, 80%) |
|
|
| 200 | oklch(0.741 0.128 325.36) | #d48ed7 | hsl(298, 48%, 70%) |
|
|
| 300 | oklch(0.661 0.171 325.77) | #c668ca | hsl(298, 48%, 60%) |
|
|
| 400 | oklch(0.589 0.208 326.14) | #b842bd | hsl(298, 48%, 50%) |
|
|
| 500 | oklch(0.501 0.173 326.11) | #933597 | hsl(298, 48%, 40%) |
|
|
| 600 | oklch(0.447 0.152 326.28) | #7d2d80 | hsl(298, 48%, 34%) |
|
|
| 700 | oklch(0.391 0.131 325.96) | #67256a | hsl(297, 48%, 28%) |
|
|
| 800 | oklch(0.333 0.108 326.18) | #511d53 | hsl(298, 48%, 22%) |
|
|
| 900 | oklch(0.272 0.083 326.57) | #3b153c | hsl(298, 48%, 16%) |
|
|
| 950 | oklch(0.209 0.058 325.88) | #250d26 | hsl(298, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
