Coastal Serenity Color Palette
This palette radiates a serene and refreshing coastal vibe, blending soft sandy beige with lush teal greens and deep oceanic blues, evoking a tranquil escape by the sea.
Practical uses and creative applications
The Coastal Serenity Color Palette embodies the tranquil beauty of coastal landscapes, featuring soft sandy tones, refreshing sea greens, and deep ocean blues. With its main colors#f2e8c4 (a delicate cream), #98d9b6 (a soothing mint green), #3ec9a7 (a vibrant teal), #2b879e (a rich ocean blue), and #616668 (a grounded slate gray)this palette is perfect for creating serene and inviting environments.
Whether you're working on a branding project for a wellness retreat or designing a coastal-inspired website, these colors foster a sense of calm and relaxation that resonates with audiences seeking peace and tranquility. Ideal for designers and creatives, the Coastal Serenity Color Palette suits a variety of applications, from elegant packaging for eco-friendly products to sophisticated interior designs that evoke a beachside escape.
This palette is particularly appealing to brands in the health, beauty, and lifestyle sectors, as it reflects a commitment to sustainability and well-being. In web design, these colors can enhance user experience by creating an inviting atmosphere that encourages exploration and engagement.
Embrace the Coastal Serenity Palette to infuse your projects with a fresh, breezy vibe that transports viewers to a serene shoreline retreat.
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.951 0.035 94.55) | #f6efd5 | hsl(47, 65%, 90%) |
|
|
| 100 | oklch(0.945 0.037 93.35) | #f5edd2 | hsl(46, 64%, 89%) |
|
|
| 200 | oklch(0.942 0.040 94.72) | #f4ecce | hsl(47, 63%, 88%) |
|
|
| 300 | oklch(0.939 0.043 94.08) | #f4ebcb | hsl(47, 65%, 88%) |
|
|
| 400 | oklch(0.933 0.046 93.52) | #f3e9c7 | hsl(46, 65%, 87%) |
|
|
| 500 | oklch(0.930 0.048 94.28) | #f2e8c4 | hsl(47, 64%, 86%) |
|
|
| 600 | oklch(0.856 0.096 94.11) | #e4cf85 | hsl(47, 64%, 71%) |
|
|
| 700 | oklch(0.786 0.135 93.70) | #d6b745 | hsl(47, 64%, 55%) |
|
|
| 800 | oklch(0.649 0.121 92.28) | #a98c25 | hsl(47, 64%, 40%) |
|
|
| 900 | oklch(0.462 0.084 92.67) | #695717 | hsl(47, 64%, 25%) |
|
|
| 950 | oklch(0.258 0.042 94.19) | #2a2309 | hsl(47, 65%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.029 163.21) | #daf1e5 | hsl(149, 45%, 90%) |
|
|
| 100 | oklch(0.916 0.040 161.58) | #cdecdb | hsl(147, 45%, 86%) |
|
|
| 200 | oklch(0.896 0.052 161.73) | #bfe8d2 | hsl(148, 47%, 83%) |
|
|
| 300 | oklch(0.874 0.062 161.63) | #b2e3c9 | hsl(148, 47%, 79%) |
|
|
| 400 | oklch(0.853 0.073 160.58) | #a5debf | hsl(147, 46%, 76%) |
|
|
| 500 | oklch(0.832 0.082 160.39) | #98d9b6 | hsl(148, 46%, 72%) |
|
|
| 600 | oklch(0.761 0.117 158.20) | #6ac895 | hsl(147, 46%, 60%) |
|
|
| 700 | oklch(0.681 0.135 156.31) | #41b175 | hsl(148, 46%, 47%) |
|
|
| 800 | oklch(0.544 0.106 156.54) | #308256 | hsl(148, 46%, 35%) |
|
|
| 900 | oklch(0.402 0.075 156.52) | #1f5437 | hsl(147, 46%, 23%) |
|
|
| 950 | oklch(0.241 0.038 159.01) | #0e2519 | hsl(149, 45%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.032 179.45) | #d7f4ed | hsl(166, 57%, 90%) |
|
|
| 100 | oklch(0.902 0.054 178.71) | #b9ebdf | hsl(166, 56%, 82%) |
|
|
| 200 | oklch(0.863 0.077 177.20) | #9ae3d1 | hsl(165, 57%, 75%) |
|
|
| 300 | oklch(0.823 0.097 176.30) | #7bdac3 | hsl(165, 56%, 67%) |
|
|
| 400 | oklch(0.788 0.115 174.42) | #5dd2b5 | hsl(165, 57%, 59%) |
|
|
| 500 | oklch(0.754 0.128 172.82) | #3ec9a7 | hsl(165, 56%, 52%) |
|
|
| 600 | oklch(0.670 0.116 172.70) | #30ac8e | hsl(165, 56%, 43%) |
|
|
| 700 | oklch(0.574 0.098 173.06) | #278b73 | hsl(166, 56%, 35%) |
|
|
| 800 | oklch(0.473 0.079 172.61) | #1e6a57 | hsl(165, 56%, 27%) |
|
|
| 900 | oklch(0.367 0.060 173.35) | #14493c | hsl(165, 57%, 18%) |
|
|
| 950 | oklch(0.252 0.037 174.70) | #0b2821 | hsl(166, 57%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.026 215.14) | #d7eef4 | hsl(192, 57%, 90%) |
|
|
| 100 | oklch(0.868 0.051 215.06) | #aedde9 | hsl(192, 57%, 80%) |
|
|
| 200 | oklch(0.805 0.075 215.76) | #86ccde | hsl(192, 57%, 70%) |
|
|
| 300 | oklch(0.744 0.095 216.77) | #5dbbd3 | hsl(192, 57%, 60%) |
|
|
| 400 | oklch(0.687 0.108 218.32) | #36aac7 | hsl(192, 57%, 50%) |
|
|
| 500 | oklch(0.580 0.090 218.13) | #2b879e | hsl(192, 57%, 39%) |
|
|
| 600 | oklch(0.517 0.079 217.43) | #257386 | hsl(192, 57%, 34%) |
|
|
| 700 | oklch(0.452 0.069 217.53) | #1e5f6f | hsl(192, 57%, 28%) |
|
|
| 800 | oklch(0.385 0.057 216.34) | #184b57 | hsl(191, 57%, 22%) |
|
|
| 900 | oklch(0.311 0.045 218.77) | #113640 | hsl(193, 58%, 16%) |
|
|
| 950 | oklch(0.237 0.031 217.31) | #0b2228 | hsl(192, 57%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.001 197.14) | #e5e6e6 | hsl(180, 2%, 90%) |
|
|
| 100 | oklch(0.844 0.003 228.79) | #cacccd | hsl(200, 3%, 80%) |
|
|
| 200 | oklch(0.764 0.005 228.84) | #afb3b5 | hsl(200, 4%, 70%) |
|
|
| 300 | oklch(0.683 0.007 223.49) | #959a9c | hsl(197, 3%, 60%) |
|
|
| 400 | oklch(0.596 0.009 228.94) | #7a8083 | hsl(200, 4%, 50%) |
|
|
| 500 | oklch(0.507 0.007 223.54) | #616668 | hsl(197, 3%, 39%) |
|
|
| 600 | oklch(0.454 0.005 214.35) | #535758 | hsl(192, 3%, 34%) |
|
|
| 700 | oklch(0.398 0.006 214.36) | #444849 | hsl(192, 4%, 28%) |
|
|
| 800 | oklch(0.339 0.003 228.88) | #363839 | hsl(200, 3%, 22%) |
|
|
| 900 | oklch(0.279 0.003 228.91) | #27292a | hsl(200, 4%, 16%) |
|
|
| 950 | oklch(0.217 0.002 197.04) | #191a1a | hsl(180, 2%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
