Serene Coastal Color Palette
This palette exudes a serene coastal vibe, blending soft sandy beige and muted seafoam greens with a touch of cool slate blue, evoking a tranquil retreat by the ocean.
Practical uses and creative applications
The Serene Coastal Color Palette effortlessly evokes the calm and tranquility of seaside retreats, making it an excellent choice for a variety of design applications. Featuring soft hues like #f6eddc and #e3e5d7 that resemble sandy shores, complemented by soothing blues and greens (#bdd6d2, #a5c8ca, and #586875), this palette is ideal for branding and web design projects aimed at conveying a sense of peace and relaxation.
Whether you’re developing a wellness brand, a coastal-themed blog, or an eco-friendly product line, these colors will resonate with your audience and enhance their experience. This palette is particularly well-suited for interior design, especially in spaces designed for relaxation, such as spa rooms, beach houses, or serene living areas.
The calming tones can create a harmonious environment that invites tranquility, making it a favored choice for designers and homeowners alike. Additionally, packaging that utilizes the Serene Coastal Color Palette can attract customers looking for organic or sustainable products, as these hues naturally evoke feelings of nature and serenity.
Overall, this palette is perfect for creatives seeking to capture a coastal aesthetic while promoting a sense of well-being and balance.
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.940 0.029 82.60) | #f5ead6 | hsl(39, 61%, 90%) |
|
|
| 100 | oklch(0.943 0.027 83.54) | #f5ebd8 | hsl(39, 59%, 90%) |
|
|
| 200 | oklch(0.943 0.026 82.39) | #f5ebd9 | hsl(39, 58%, 91%) |
|
|
| 300 | oklch(0.945 0.026 84.59) | #f5ecda | hsl(40, 57%, 91%) |
|
|
| 400 | oklch(0.946 0.025 81.13) | #f6ecdb | hsl(38, 60%, 91%) |
|
|
| 500 | oklch(0.949 0.025 83.42) | #f6eddc | hsl(39, 59%, 91%) |
|
|
| 600 | oklch(0.852 0.070 83.07) | #e5cb9a | hsl(39, 59%, 75%) |
|
|
| 700 | oklch(0.758 0.111 81.56) | #d4a958 | hsl(39, 59%, 59%) |
|
|
| 800 | oklch(0.629 0.113 79.25) | #ad802c | hsl(39, 59%, 43%) |
|
|
| 900 | oklch(0.447 0.077 79.65) | #6b4f1b | hsl(39, 60%, 26%) |
|
|
| 950 | oklch(0.243 0.037 80.54) | #291e0a | hsl(39, 61%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.015 115.05) | #e9ebe0 | hsl(71, 22%, 90%) |
|
|
| 100 | oklch(0.932 0.016 114.39) | #e8eade | hsl(70, 22%, 89%) |
|
|
| 200 | oklch(0.929 0.017 113.83) | #e7e9dc | hsl(69, 23%, 89%) |
|
|
| 300 | oklch(0.924 0.016 110.57) | #e6e7db | hsl(65, 20%, 88%) |
|
|
| 400 | oklch(0.920 0.017 113.84) | #e4e6d9 | hsl(69, 21%, 88%) |
|
|
| 500 | oklch(0.917 0.019 113.36) | #e3e5d7 | hsl(69, 21%, 87%) |
|
|
| 600 | oklch(0.815 0.042 113.31) | #c2c6a7 | hsl(68, 21%, 72%) |
|
|
| 700 | oklch(0.711 0.065 114.97) | #a0a778 | hsl(69, 21%, 56%) |
|
|
| 800 | oklch(0.577 0.063 114.74) | #787e52 | hsl(68, 21%, 41%) |
|
|
| 900 | oklch(0.416 0.044 114.96) | #4b4f33 | hsl(69, 22%, 25%) |
|
|
| 950 | oklch(0.233 0.020 116.38) | #1d1f14 | hsl(71, 22%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.012 190.43) | #e0ebea | hsl(175, 22%, 90%) |
|
|
| 100 | oklch(0.917 0.015 186.67) | #d9e7e5 | hsl(171, 23%, 88%) |
|
|
| 200 | oklch(0.902 0.019 184.23) | #d2e3e0 | hsl(169, 23%, 86%) |
|
|
| 300 | oklch(0.888 0.022 182.49) | #cbdfdb | hsl(168, 24%, 84%) |
|
|
| 400 | oklch(0.871 0.024 186.85) | #c4dad7 | hsl(172, 23%, 81%) |
|
|
| 500 | oklch(0.856 0.027 185.07) | #bdd6d2 | hsl(170, 23%, 79%) |
|
|
| 600 | oklch(0.760 0.045 183.53) | #92bbb4 | hsl(170, 23%, 65%) |
|
|
| 700 | oklch(0.663 0.062 183.54) | #66a097 | hsl(171, 23%, 51%) |
|
|
| 800 | oklch(0.531 0.051 183.44) | #49766f | hsl(171, 24%, 37%) |
|
|
| 900 | oklch(0.389 0.035 181.96) | #2f4b46 | hsl(169, 23%, 24%) |
|
|
| 950 | oklch(0.228 0.016 189.12) | #141f1e | hsl(175, 22%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.013 202.92) | #dfebec | hsl(185, 25%, 90%) |
|
|
| 100 | oklch(0.906 0.018 201.10) | #d3e4e5 | hsl(183, 26%, 86%) |
|
|
| 200 | oklch(0.882 0.022 200.23) | #c8ddde | hsl(183, 25%, 83%) |
|
|
| 300 | oklch(0.857 0.028 202.30) | #bcd6d8 | hsl(184, 26%, 79%) |
|
|
| 400 | oklch(0.833 0.032 201.49) | #b1cfd1 | hsl(184, 26%, 76%) |
|
|
| 500 | oklch(0.808 0.037 200.72) | #a5c8ca | hsl(183, 26%, 72%) |
|
|
| 600 | oklch(0.722 0.054 200.63) | #7db0b3 | hsl(183, 26%, 60%) |
|
|
| 700 | oklch(0.627 0.062 199.87) | #599497 | hsl(183, 26%, 47%) |
|
|
| 800 | oklch(0.505 0.048 201.42) | #426d70 | hsl(184, 26%, 35%) |
|
|
| 900 | oklch(0.373 0.034 201.56) | #2a4648 | hsl(184, 26%, 22%) |
|
|
| 950 | oklch(0.229 0.017 202.54) | #131f20 | hsl(185, 25%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.006 239.82) | #e2e6e9 | hsl(206, 14%, 90%) |
|
|
| 100 | oklch(0.844 0.012 239.94) | #c5cdd3 | hsl(206, 14%, 80%) |
|
|
| 200 | oklch(0.763 0.019 240.08) | #a8b4bd | hsl(206, 14%, 70%) |
|
|
| 300 | oklch(0.681 0.027 242.52) | #8b9ba8 | hsl(207, 14%, 60%) |
|
|
| 400 | oklch(0.596 0.034 242.35) | #6e8292 | hsl(207, 14%, 50%) |
|
|
| 500 | oklch(0.509 0.028 242.76) | #586875 | hsl(207, 14%, 40%) |
|
|
| 600 | oklch(0.453 0.024 243.85) | #4b5863 | hsl(208, 14%, 34%) |
|
|
| 700 | oklch(0.399 0.021 242.90) | #3e4952 | hsl(207, 14%, 28%) |
|
|
| 800 | oklch(0.339 0.017 241.49) | #303940 | hsl(206, 14%, 22%) |
|
|
| 900 | oklch(0.278 0.014 248.33) | #23292f | hsl(210, 15%, 16%) |
|
|
| 950 | oklch(0.215 0.008 240.30) | #161a1d | hsl(206, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
