Coastal Serenity Color Palette
This palette radiates a serene coastal vibe with sun-kissed yellows, refreshing mint greens, and tranquil blues, evoking a breezy, laid-back summer retreat.
Practical uses and creative applications
The Coastal Serenity Color Palette is a refreshing blend of soft pastels and vibrant oceanic hues, ideal for a variety of creative projects. With its main colors#fdf4b0 (a gentle sun-kissed yellow), #a4dcb9 (a soothing mint green), #5bcebf (a calming teal), #32b9be (a vivid turquoise), and #2e97b7 (a deep ocean blue)this palette evokes the tranquil essence of seaside living.
Designers can leverage this palette in branding to convey a sense of relaxation and freshness, making it perfect for wellness brands, eco-friendly products, or coastal-themed businesses. In web design, the Coastal Serenity palette creates visually appealing interfaces that draw users in with its harmonious tones.
Whether you're crafting a beach resort website or a lifestyle blog focused on sustainable living, this color scheme sets a serene mood that enhances user experience. Additionally, for packaging design, these colors lend a clean and modern aesthetic that can make products stand out on the shelf, appealing to an audience that values both style and sustainability.
Ideal for creatives and designers seeking to infuse their projects with a touch of coastal charm, this palette suits various applications, from interiors to marketing materials. Use the Coastal Serenity Color Palette to create spaces or visuals that inspire tranquility and connection to nature, making it a go-to choice for anyone looking to evoke a peaceful and inviting atmosphere.
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.973 0.056 100.78) | #fef8cd | hsl(53, 96%, 90%) |
|
|
| 100 | oklch(0.970 0.062 100.56) | #fef7c7 | hsl(52, 96%, 89%) |
|
|
| 200 | oklch(0.966 0.067 101.16) | #fdf6c2 | hsl(53, 94%, 88%) |
|
|
| 300 | oklch(0.965 0.074 101.91) | #fdf6bc | hsl(54, 94%, 86%) |
|
|
| 400 | oklch(0.962 0.081 101.68) | #fdf5b6 | hsl(53, 95%, 85%) |
|
|
| 500 | oklch(0.958 0.087 101.49) | #fdf4b0 | hsl(53, 95%, 84%) |
|
|
| 600 | oklch(0.926 0.152 102.01) | #fbea66 | hsl(53, 95%, 69%) |
|
|
| 700 | oklch(0.898 0.183 100.51) | #f9df1d | hsl(53, 95%, 55%) |
|
|
| 800 | oklch(0.750 0.155 100.17) | #c5af05 | hsl(53, 95%, 40%) |
|
|
| 900 | oklch(0.532 0.110 100.35) | #7b6d03 | hsl(53, 95%, 25%) |
|
|
| 950 | oklch(0.291 0.060 101.12) | #322c01 | hsl(53, 96%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.031 159.08) | #daf1e3 | hsl(143, 45%, 90%) |
|
|
| 100 | oklch(0.919 0.041 157.73) | #cfedda | hsl(142, 45%, 87%) |
|
|
| 200 | oklch(0.902 0.049 157.25) | #c5e9d2 | hsl(142, 45%, 84%) |
|
|
| 300 | oklch(0.882 0.056 157.85) | #bae4ca | hsl(143, 44%, 81%) |
|
|
| 400 | oklch(0.864 0.066 156.95) | #afe0c1 | hsl(142, 44%, 78%) |
|
|
| 500 | oklch(0.846 0.075 156.95) | #a4dcb9 | hsl(143, 44%, 75%) |
|
|
| 600 | oklch(0.770 0.115 155.06) | #74ca94 | hsl(142, 45%, 62%) |
|
|
| 700 | oklch(0.692 0.144 152.71) | #46b56f | hsl(142, 44%, 49%) |
|
|
| 800 | oklch(0.553 0.113 153.20) | #338552 | hsl(143, 45%, 36%) |
|
|
| 900 | oklch(0.405 0.079 153.17) | #215534 | hsl(142, 44%, 23%) |
|
|
| 950 | oklch(0.241 0.040 155.18) | #0e2517 | hsl(143, 45%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.029 188.58) | #d8f3f0 | hsl(173, 53%, 90%) |
|
|
| 100 | oklch(0.910 0.047 186.43) | #bfece6 | hsl(172, 54%, 84%) |
|
|
| 200 | oklch(0.875 0.064 186.16) | #a6e4dc | hsl(172, 53%, 77%) |
|
|
| 300 | oklch(0.843 0.080 184.83) | #8dddd2 | hsl(172, 54%, 71%) |
|
|
| 400 | oklch(0.810 0.094 185.17) | #74d5c9 | hsl(173, 54%, 65%) |
|
|
| 500 | oklch(0.781 0.107 183.76) | #5bcebf | hsl(172, 54%, 58%) |
|
|
| 600 | oklch(0.729 0.116 182.07) | #39bfad | hsl(172, 54%, 49%) |
|
|
| 700 | oklch(0.620 0.097 182.53) | #2e998b | hsl(172, 54%, 39%) |
|
|
| 800 | oklch(0.505 0.078 183.34) | #227369 | hsl(173, 54%, 29%) |
|
|
| 900 | oklch(0.383 0.057 183.14) | #174d46 | hsl(172, 54%, 20%) |
|
|
| 950 | oklch(0.251 0.033 185.52) | #0c2724 | hsl(173, 53%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.029 199.29) | #d7f3f4 | hsl(182, 57%, 90%) |
|
|
| 100 | oklch(0.898 0.054 199.12) | #b4e9eb | hsl(182, 58%, 81%) |
|
|
| 200 | oklch(0.854 0.077 198.91) | #91dfe2 | hsl(182, 58%, 73%) |
|
|
| 300 | oklch(0.813 0.095 198.82) | #6fd5d9 | hsl(182, 58%, 64%) |
|
|
| 400 | oklch(0.775 0.110 198.84) | #4ccbd0 | hsl(182, 58%, 56%) |
|
|
| 500 | oklch(0.719 0.111 198.73) | #32b9be | hsl(182, 58%, 47%) |
|
|
| 600 | oklch(0.634 0.097 198.52) | #2a9ca0 | hsl(182, 58%, 40%) |
|
|
| 700 | oklch(0.546 0.083 198.22) | #227f82 | hsl(182, 59%, 32%) |
|
|
| 800 | oklch(0.454 0.068 197.76) | #1a6264 | hsl(182, 59%, 25%) |
|
|
| 900 | oklch(0.355 0.051 198.99) | #134446 | hsl(182, 57%, 17%) |
|
|
| 950 | oklch(0.252 0.033 198.48) | #0b2728 | hsl(182, 57%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.027 217.15) | #d6eef5 | hsl(194, 61%, 90%) |
|
|
| 100 | oklch(0.873 0.051 218.74) | #b1deec | hsl(194, 61%, 81%) |
|
|
| 200 | oklch(0.815 0.071 219.11) | #8dcee2 | hsl(194, 59%, 72%) |
|
|
| 300 | oklch(0.760 0.092 219.56) | #68bfd9 | hsl(194, 60%, 63%) |
|
|
| 400 | oklch(0.706 0.108 221.84) | #43afd0 | hsl(194, 60%, 54%) |
|
|
| 500 | oklch(0.632 0.104 222.79) | #2e97b7 | hsl(194, 60%, 45%) |
|
|
| 600 | oklch(0.560 0.091 222.53) | #27809b | hsl(194, 60%, 38%) |
|
|
| 700 | oklch(0.483 0.077 222.43) | #20687e | hsl(194, 59%, 31%) |
|
|
| 800 | oklch(0.407 0.063 221.95) | #195162 | hsl(194, 59%, 24%) |
|
|
| 900 | oklch(0.323 0.049 221.30) | #113945 | hsl(194, 60%, 17%) |
|
|
| 950 | oklch(0.237 0.032 219.86) | #0a2229 | hsl(194, 61%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
