Serene Coastal Color Palette
This palette exudes a serene coastal vibe with soft grays, tranquil blues, and delicate pastels, creating an atmosphere of calm elegance and gentle sophistication.
Practical uses and creative applications
The Serene Coastal Color Palette effortlessly captures the tranquil essence of coastal living, featuring a harmonious blend of soft grays, soothing blues, and gentle pastels. This palette, with its main colors of #686466, #839cb5, #96d7eb, #b1e1e9, and #f2e4f9, is perfect for designers and creatives aiming to evoke a sense of calm and relaxation.
Ideal for branding in businesses such as spas, wellness centers, or coastal-themed cafes, this collection of colors speaks to those looking to create a serene atmosphere that resonates with tranquility and mindfulness. In web design, the Serene Coastal Color Palette can enhance user experience by fostering a peaceful online environment, making it particularly suitable for lifestyle blogs, travel sites, or e-commerce platforms focused on home decor.
For packaging, these colors can add a refreshing touch to products like skincare lines or organic foods, appealing to consumers seeking a natural, soothing vibe. Additionally, in interior design, this palette can be used to create serene living spaces, perfect for coastal homes or retreats, inviting relaxation and comfort into everyday life.
Whether you’re a graphic designer, a brand strategist, or an interior decorator, the Serene Coastal Color Palette offers versatility and a calming aesthetic ideal for various creative projects.
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.923 0.002 325.59) | #e6e5e6 | hsl(300, 2%, 90%) |
|
|
| 100 | oklch(0.844 0.003 345.22) | #cdcbcc | hsl(330, 2%, 80%) |
|
|
| 200 | oklch(0.763 0.004 337.38) | #b4b1b3 | hsl(320, 2%, 70%) |
|
|
| 300 | oklch(0.680 0.005 345.35) | #9b9799 | hsl(330, 2%, 60%) |
|
|
| 400 | oklch(0.595 0.007 340.52) | #827d80 | hsl(324, 2%, 50%) |
|
|
| 500 | oklch(0.508 0.006 345.45) | #686466 | hsl(330, 2%, 40%) |
|
|
| 600 | oklch(0.453 0.005 337.49) | #585557 | hsl(320, 2%, 34%) |
|
|
| 700 | oklch(0.397 0.004 354.90) | #494647 | hsl(340, 2%, 28%) |
|
|
| 800 | oklch(0.339 0.003 345.39) | #393738 | hsl(330, 2%, 22%) |
|
|
| 900 | oklch(0.279 0.003 345.46) | #2a2829 | hsl(330, 2%, 16%) |
|
|
| 950 | oklch(0.215 0.002 325.66) | #1a191a | hsl(300, 2%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.011 243.66) | #dfe6ec | hsl(208, 25%, 90%) |
|
|
| 100 | oklch(0.875 0.018 248.03) | #cdd7e1 | hsl(210, 25%, 84%) |
|
|
| 200 | oklch(0.826 0.025 248.13) | #bac8d6 | hsl(210, 25%, 78%) |
|
|
| 300 | oklch(0.778 0.032 249.76) | #a8b9cb | hsl(211, 25%, 73%) |
|
|
| 400 | oklch(0.731 0.039 247.12) | #95abc0 | hsl(209, 25%, 67%) |
|
|
| 500 | oklch(0.682 0.047 248.51) | #839cb5 | hsl(210, 25%, 61%) |
|
|
| 600 | oklch(0.594 0.060 248.07) | #6282a1 | hsl(210, 25%, 51%) |
|
|
| 700 | oklch(0.507 0.052 248.88) | #4e6882 | hsl(210, 25%, 41%) |
|
|
| 800 | oklch(0.415 0.041 247.53) | #3a4e61 | hsl(209, 25%, 30%) |
|
|
| 900 | oklch(0.319 0.029 248.76) | #273441 | hsl(210, 25%, 20%) |
|
|
| 950 | oklch(0.214 0.016 244.49) | #131a20 | hsl(208, 25%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.030 217.47) | #d4eff7 | hsl(194, 69%, 90%) |
|
|
| 100 | oklch(0.916 0.038 217.43) | #c8eaf4 | hsl(194, 67%, 87%) |
|
|
| 200 | oklch(0.896 0.047 218.56) | #bbe5f2 | hsl(194, 68%, 84%) |
|
|
| 300 | oklch(0.878 0.055 219.81) | #afe0f0 | hsl(195, 68%, 81%) |
|
|
| 400 | oklch(0.861 0.064 217.84) | #a2dced | hsl(194, 68%, 78%) |
|
|
| 500 | oklch(0.842 0.071 219.03) | #96d7eb | hsl(194, 68%, 75%) |
|
|
| 600 | oklch(0.766 0.102 220.24) | #5ec2e0 | hsl(194, 68%, 62%) |
|
|
| 700 | oklch(0.691 0.121 224.13) | #28abd3 | hsl(194, 68%, 49%) |
|
|
| 800 | oklch(0.553 0.095 223.45) | #1e7e9b | hsl(194, 68%, 36%) |
|
|
| 900 | oklch(0.403 0.067 223.52) | #135063 | hsl(194, 68%, 23%) |
|
|
| 950 | oklch(0.240 0.036 220.78) | #08232b | hsl(194, 69%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.027 208.28) | #d7f0f4 | hsl(188, 57%, 90%) |
|
|
| 100 | oklch(0.927 0.031 209.15) | #d0edf2 | hsl(189, 57%, 88%) |
|
|
| 200 | oklch(0.914 0.036 207.35) | #c8eaef | hsl(188, 55%, 86%) |
|
|
| 300 | oklch(0.902 0.041 207.84) | #c0e7ed | hsl(188, 56%, 84%) |
|
|
| 400 | oklch(0.891 0.046 208.49) | #b9e4eb | hsl(188, 56%, 82%) |
|
|
| 500 | oklch(0.879 0.051 208.80) | #b1e1e9 | hsl(189, 56%, 80%) |
|
|
| 600 | oklch(0.795 0.082 209.58) | #79cbd9 | hsl(189, 56%, 66%) |
|
|
| 700 | oklch(0.719 0.106 210.32) | #41b6c9 | hsl(188, 56%, 52%) |
|
|
| 800 | oklch(0.580 0.087 211.41) | #2b8898 | hsl(189, 56%, 38%) |
|
|
| 900 | oklch(0.420 0.061 210.89) | #1b5660 | hsl(189, 56%, 24%) |
|
|
| 950 | oklch(0.243 0.031 209.36) | #0b2428 | hsl(188, 57%, 10%) |
|
dsfds
| 50 | oklch(0.901 0.050 314.56) | #ebd5f6 | hsl(280, 65%, 90%) |
|
|
| 100 | oklch(0.907 0.046 314.58) | #ecd8f6 | hsl(280, 63%, 91%) |
|
|
| 200 | oklch(0.915 0.043 315.05) | #eedbf7 | hsl(281, 64%, 91%) |
|
|
| 300 | oklch(0.922 0.039 314.13) | #efdef8 | hsl(279, 65%, 92%) |
|
|
| 400 | oklch(0.929 0.035 315.73) | #f1e1f8 | hsl(282, 62%, 93%) |
|
|
| 500 | oklch(0.936 0.032 314.66) | #f2e4f9 | hsl(280, 64%, 94%) |
|
|
| 600 | oklch(0.772 0.118 313.69) | #d09eea | hsl(279, 64%, 77%) |
|
|
| 700 | oklch(0.621 0.199 312.82) | #af59da | hsl(280, 64%, 60%) |
|
|
| 800 | oklch(0.490 0.211 311.18) | #8628b5 | hsl(280, 64%, 43%) |
|
|
| 900 | oklch(0.351 0.143 312.04) | #53196f | hsl(280, 63%, 27%) |
|
|
| 950 | oklch(0.195 0.067 312.58) | #1f092a | hsl(280, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
