Coastal Serenity Color Palette
This coastal-inspired palette blends deep teal, fresh aquamarine, and soft sandy beige, evoking a serene beach getaway infused with tranquil elegance and a touch of natural warmth.
Practical uses and creative applications
The Coastal Serenity Color Palette beautifully captures the tranquil essence of seaside living, making it an ideal choice for those looking to evoke calmness and sophistication in their projects. Featuring deep teal (#063940), soothing aqua (#195e63), and soft sand tones (#ece1c3), this palette is perfect for branding, web design, or interior decor.
Designers and creatives can harness these colors to create serene environments, whether it’s a beach-inspired restaurant or a wellness brand that emphasizes relaxation and harmony. Perfect for brands targeting a coastal lifestyle or wellness-focused audiences, the Coastal Serenity Color Palette can enhance packaging designs for eco-friendly products, spa services, or artisanal goods.
The combination of rich and muted tones provides versatility, allowing for elegant branding that resonates with consumers seeking tranquility. It’s also ideal for web design, where a calming aesthetic can improve user experience and encourage longer visits, making it a favorite among digital designers aiming to create inviting and user-friendly platforms.
Overall, this palette is not just a collection of colors; it’s a mood that invites creativity and peace. Whether you’re designing a coastal-themed wedding invitation, a soothing product line, or a serene interior space, the Coastal Serenity Color Palette inspires a connection to nature and a sense of calm, appealing to designers, brands, and consumers alike.
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.948 0.040 206.23) | #d0f6fb | hsl(187, 84%, 90%) |
|
|
| 100 | oklch(0.874 0.091 207.02) | #89e7f4 | hsl(187, 83%, 75%) |
|
|
| 200 | oklch(0.816 0.125 208.05) | #42d9ed | hsl(187, 83%, 59%) |
|
|
| 300 | oklch(0.718 0.122 210.11) | #13b8ce | hsl(187, 83%, 44%) |
|
|
| 400 | oklch(0.526 0.088 210.39) | #0d7887 | hsl(187, 82%, 29%) |
|
|
| 500 | oklch(0.317 0.051 209.07) | #063940 | hsl(187, 83%, 14%) |
|
|
| 600 | oklch(0.306 0.049 209.78) | #06363d | hsl(188, 82%, 13%) |
|
|
| 700 | oklch(0.295 0.048 208.22) | #053339 | hsl(187, 84%, 12%) |
|
|
| 800 | oklch(0.284 0.046 208.96) | #053036 | hsl(187, 83%, 12%) |
|
|
| 900 | oklch(0.273 0.043 207.38) | #052d32 | hsl(187, 82%, 11%) |
|
|
| 950 | oklch(0.262 0.042 207.93) | #042a2f | hsl(187, 84%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.030 201.72) | #d6f3f5 | hsl(184, 61%, 90%) |
|
|
| 100 | oklch(0.871 0.066 202.04) | #a1e2e7 | hsl(184, 59%, 77%) |
|
|
| 200 | oklch(0.805 0.096 202.14) | #6bd2da | hsl(184, 60%, 64%) |
|
|
| 300 | oklch(0.747 0.115 202.19) | #36c2cc | hsl(184, 60%, 51%) |
|
|
| 400 | oklch(0.602 0.092 201.62) | #279198 | hsl(184, 59%, 37%) |
|
|
| 500 | oklch(0.443 0.066 202.15) | #195e63 | hsl(184, 60%, 24%) |
|
|
| 600 | oklch(0.406 0.060 201.44) | #165357 | hsl(184, 60%, 21%) |
|
|
| 700 | oklch(0.370 0.054 202.35) | #13484c | hsl(184, 60%, 19%) |
|
|
| 800 | oklch(0.331 0.048 201.45) | #103d40 | hsl(184, 60%, 16%) |
|
|
| 900 | oklch(0.292 0.041 200.21) | #0d3234 | hsl(183, 60%, 13%) |
|
|
| 950 | oklch(0.252 0.034 201.53) | #0a2729 | hsl(184, 61%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.018 205.32) | #dcedef | hsl(186, 37%, 90%) |
|
|
| 100 | oklch(0.868 0.038 207.04) | #b8dbe0 | hsl(188, 39%, 80%) |
|
|
| 200 | oklch(0.801 0.056 206.28) | #94c9d0 | hsl(187, 39%, 70%) |
|
|
| 300 | oklch(0.736 0.072 206.16) | #71b7c0 | hsl(187, 39%, 60%) |
|
|
| 400 | oklch(0.670 0.084 207.53) | #4ea4b0 | hsl(187, 39%, 50%) |
|
|
| 500 | oklch(0.569 0.071 206.72) | #3e838c | hsl(187, 39%, 40%) |
|
|
| 600 | oklch(0.506 0.062 207.30) | #356f77 | hsl(187, 38%, 34%) |
|
|
| 700 | oklch(0.443 0.054 205.98) | #2b5c62 | hsl(187, 39%, 28%) |
|
|
| 800 | oklch(0.376 0.044 206.67) | #22484d | hsl(187, 39%, 22%) |
|
|
| 900 | oklch(0.308 0.034 204.56) | #193538 | hsl(186, 38%, 16%) |
|
|
| 950 | oklch(0.234 0.023 205.30) | #102123 | hsl(186, 37%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.014 185.94) | #dfecea | hsl(171, 25%, 90%) |
|
|
| 100 | oklch(0.900 0.022 185.98) | #cfe3e0 | hsl(171, 26%, 85%) |
|
|
| 200 | oklch(0.864 0.029 185.85) | #bed9d5 | hsl(171, 26%, 80%) |
|
|
| 300 | oklch(0.831 0.037 185.64) | #aed0cb | hsl(171, 27%, 75%) |
|
|
| 400 | oklch(0.796 0.043 185.15) | #9ec6c0 | hsl(171, 26%, 70%) |
|
|
| 500 | oklch(0.763 0.051 184.88) | #8ebdb6 | hsl(171, 26%, 65%) |
|
|
| 600 | oklch(0.687 0.065 184.10) | #6ba89f | hsl(171, 26%, 54%) |
|
|
| 700 | oklch(0.592 0.062 184.31) | #518a82 | hsl(172, 26%, 43%) |
|
|
| 800 | oklch(0.481 0.049 184.44) | #3c6761 | hsl(172, 26%, 32%) |
|
|
| 900 | oklch(0.362 0.036 182.05) | #27443f | hsl(170, 27%, 21%) |
|
|
| 950 | oklch(0.231 0.019 184.09) | #13201e | hsl(171, 25%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.027 90.91) | #f3ecd8 | hsl(44, 53%, 90%) |
|
|
| 100 | oklch(0.937 0.030 92.33) | #f1ead4 | hsl(46, 51%, 89%) |
|
|
| 200 | oklch(0.929 0.032 89.14) | #f0e7d0 | hsl(43, 52%, 88%) |
|
|
| 300 | oklch(0.923 0.035 88.78) | #efe5cc | hsl(43, 52%, 87%) |
|
|
| 400 | oklch(0.916 0.039 90.66) | #ede3c7 | hsl(44, 51%, 85%) |
|
|
| 500 | oklch(0.911 0.041 90.25) | #ece1c3 | hsl(44, 52%, 85%) |
|
|
| 600 | oklch(0.825 0.080 89.92) | #dac489 | hsl(44, 52%, 70%) |
|
|
| 700 | oklch(0.740 0.112 89.23) | #c7a750 | hsl(44, 52%, 55%) |
|
|
| 800 | oklch(0.605 0.101 88.84) | #9a7e31 | hsl(44, 52%, 40%) |
|
|
| 900 | oklch(0.434 0.069 89.66) | #604f1f | hsl(44, 51%, 25%) |
|
|
| 950 | oklch(0.246 0.035 90.46) | #27200c | hsl(44, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
