Serene Coastal Color Palette
This palette radiates a serene coastal charm, blending soft seafoam blues and sandy beiges with warm creamy accents for a tranquil yet inviting atmosphere.
Practical uses and creative applications
The Serene Coastal Color Palette is an exquisite blend of soft blues and warm neutrals that evokes the calming essence of seaside escapes. Featuring shades like #678c99, a tranquil ocean blue, and #b8c7cc, a gentle misty gray, this palette is perfect for branding that aims to convey relaxation and sophistication.
Designers can utilize these hues in web design to create inviting and user-friendly interfaces, or in packaging for products that promote wellness and mindfulness, ensuring a cohesive look that resonates with consumers. Ideal for creatives such as interior designers and lifestyle brands, the Serene Coastal Color Palette brings a touch of coastal charm into various spaces.
The warm beige of #fff1cf and the earthy tones of #d6c292 and #b59e67 can be seamlessly integrated into home decor, creating serene environments that foster tranquility. This palette not only suits modern coastal aesthetics but also complements minimalist and organic design styles, making it a versatile choice for those looking to create a harmonious atmosphere in their 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.926 0.010 222.06) | #e0e8eb | hsl(196, 22%, 90%) |
|
|
| 100 | oklch(0.867 0.016 216.69) | #c8d6da | hsl(193, 20%, 82%) |
|
|
| 200 | oklch(0.805 0.023 221.88) | #b0c3ca | hsl(196, 20%, 74%) |
|
|
| 300 | oklch(0.744 0.030 221.54) | #98b1ba | hsl(196, 20%, 66%) |
|
|
| 400 | oklch(0.680 0.038 221.46) | #7f9ea9 | hsl(196, 20%, 58%) |
|
|
| 500 | oklch(0.617 0.046 221.59) | #678c99 | hsl(196, 20%, 50%) |
|
|
| 600 | oklch(0.545 0.040 221.12) | #567681 | hsl(195, 20%, 42%) |
|
|
| 700 | oklch(0.469 0.033 222.06) | #465f68 | hsl(196, 20%, 34%) |
|
|
| 800 | oklch(0.391 0.028 221.44) | #354950 | hsl(196, 20%, 26%) |
|
|
| 900 | oklch(0.307 0.020 223.41) | #253237 | hsl(197, 20%, 18%) |
|
|
| 950 | oklch(0.220 0.013 222.75) | #141c1f | hsl(196, 22%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.008 216.63) | #e1e8ea | hsl(193, 18%, 90%) |
|
|
| 100 | oklch(0.905 0.010 222.06) | #d9e1e4 | hsl(196, 17%, 87%) |
|
|
| 200 | oklch(0.885 0.012 217.55) | #d1dbde | hsl(194, 16%, 85%) |
|
|
| 300 | oklch(0.863 0.013 221.45) | #c9d4d8 | hsl(196, 16%, 82%) |
|
|
| 400 | oklch(0.842 0.016 216.69) | #c0ced2 | hsl(193, 17%, 79%) |
|
|
| 500 | oklch(0.820 0.018 219.69) | #b8c7cc | hsl(195, 16%, 76%) |
|
|
| 600 | oklch(0.717 0.028 220.78) | #91a8b0 | hsl(195, 16%, 63%) |
|
|
| 700 | oklch(0.610 0.038 219.55) | #6a8993 | hsl(195, 16%, 50%) |
|
|
| 800 | oklch(0.491 0.030 218.34) | #4e656c | hsl(194, 16%, 36%) |
|
|
| 900 | oklch(0.360 0.021 220.17) | #314045 | hsl(195, 17%, 23%) |
|
|
| 950 | oklch(0.220 0.011 216.98) | #151c1e | hsl(193, 18%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.050 88.08) | #fff0cc | hsl(42, 100%, 90%) |
|
|
| 100 | oklch(0.958 0.048 87.57) | #fff0cd | hsl(42, 100%, 90%) |
|
|
| 200 | oklch(0.958 0.048 87.57) | #fff0cd | hsl(42, 100%, 90%) |
|
|
| 300 | oklch(0.960 0.048 88.81) | #fff1ce | hsl(43, 100%, 90%) |
|
|
| 400 | oklch(0.960 0.048 88.81) | #fff1ce | hsl(43, 100%, 90%) |
|
|
| 500 | oklch(0.961 0.047 88.29) | #fff1cf | hsl(43, 100%, 91%) |
|
|
| 600 | oklch(0.899 0.119 87.54) | #ffd97d | hsl(42, 100%, 75%) |
|
|
| 700 | oklch(0.845 0.164 83.46) | #ffc12b | hsl(42, 100%, 58%) |
|
|
| 800 | oklch(0.724 0.150 79.59) | #d79900 | hsl(43, 100%, 42%) |
|
|
| 900 | oklch(0.510 0.105 80.34) | #855e00 | hsl(42, 100%, 26%) |
|
|
| 950 | oklch(0.271 0.056 85.04) | #332400 | hsl(42, 100%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.023 87.15) | #f1eada | hsl(42, 45%, 90%) |
|
|
| 100 | oklch(0.915 0.031 86.46) | #ece2cc | hsl(41, 46%, 86%) |
|
|
| 200 | oklch(0.890 0.041 88.20) | #e6dabd | hsl(42, 45%, 82%) |
|
|
| 300 | oklch(0.867 0.049 87.57) | #e1d2af | hsl(42, 45%, 78%) |
|
|
| 400 | oklch(0.843 0.059 88.59) | #dbcaa0 | hsl(43, 45%, 74%) |
|
|
| 500 | oklch(0.819 0.067 88.01) | #d6c292 | hsl(42, 45%, 71%) |
|
|
| 600 | oklch(0.745 0.093 87.75) | #c5a965 | hsl(43, 45%, 58%) |
|
|
| 700 | oklch(0.655 0.101 86.16) | #ac8c41 | hsl(42, 45%, 46%) |
|
|
| 800 | oklch(0.528 0.080 87.08) | #7f6830 | hsl(43, 45%, 34%) |
|
|
| 900 | oklch(0.390 0.056 87.03) | #52431f | hsl(42, 45%, 22%) |
|
|
| 950 | oklch(0.239 0.029 86.57) | #251e0e | hsl(42, 45%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.017 88.00) | #eee9dd | hsl(42, 33%, 90%) |
|
|
| 100 | oklch(0.890 0.030 87.55) | #e3dac5 | hsl(42, 35%, 83%) |
|
|
| 200 | oklch(0.844 0.041 88.21) | #d7cbae | hsl(42, 34%, 76%) |
|
|
| 300 | oklch(0.799 0.054 87.87) | #ccbc96 | hsl(42, 35%, 69%) |
|
|
| 400 | oklch(0.753 0.066 88.15) | #c0ad7f | hsl(42, 34%, 63%) |
|
|
| 500 | oklch(0.707 0.078 87.69) | #b59e67 | hsl(42, 35%, 56%) |
|
|
| 600 | oklch(0.636 0.082 87.57) | #a0884e | hsl(42, 34%, 47%) |
|
|
| 700 | oklch(0.542 0.069 88.06) | #806d3e | hsl(43, 35%, 37%) |
|
|
| 800 | oklch(0.445 0.055 86.99) | #61522f | hsl(42, 35%, 28%) |
|
|
| 900 | oklch(0.345 0.040 87.66) | #423820 | hsl(42, 35%, 19%) |
|
|
| 950 | oklch(0.233 0.023 87.90) | #221d11 | hsl(42, 33%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
