Serene Coastal Color Palette
A serene blend of tranquil blues and soft neutrals creates a calming, modern atmosphere, perfect for a chic coastal retreat.
Practical uses and creative applications
The Serene Coastal Color Palette evokes the soothing essence of a tranquil seaside escape. With its harmonious blend of deep ocean blues (#44749d), soft sky hues (#c6d4e1), and gentle neutrals (#ebe7e0, #bdb8ad), this palette is perfect for branding and web design aimed at wellness, hospitality, or lifestyle brands.
It creates a calm and inviting atmosphere that resonates with audiences seeking relaxation and rejuvenation, making it an ideal choice for spa websites, coastal-themed blogs, or boutique hotels looking to convey a serene ambiance. Interior designers and creatives will find that the Serene Coastal Color Palette enhances spaces with a breezy, light-filled aesthetic.
Use these colors in home decor to create a peaceful retreatthink soft white walls paired with accents of deep blue or muted taupe furnishings. This palette beautifully complements coastal interiors, beach houses, or any space intended to evoke a sense of tranquility and ease.
Whether you're designing a cozy reading nook or a modern living area, the subtle sophistication of this palette will leave your clients feeling refreshed and inspired.
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.920 0.018 245.40) | #dbe6f0 | hsl(209, 41%, 90%) |
|
|
| 100 | oklch(0.847 0.033 242.42) | #bbd0e1 | hsl(207, 39%, 81%) |
|
|
| 200 | oklch(0.772 0.050 243.77) | #9ab9d3 | hsl(207, 39%, 72%) |
|
|
| 300 | oklch(0.695 0.068 244.76) | #79a2c5 | hsl(208, 40%, 62%) |
|
|
| 400 | oklch(0.622 0.085 245.21) | #598cb7 | hsl(207, 39%, 53%) |
|
|
| 500 | oklch(0.543 0.083 245.90) | #44749d | hsl(208, 40%, 44%) |
|
|
| 600 | oklch(0.482 0.073 245.85) | #396285 | hsl(208, 40%, 37%) |
|
|
| 700 | oklch(0.419 0.061 245.55) | #2f506c | hsl(208, 39%, 30%) |
|
|
| 800 | oklch(0.353 0.050 245.40) | #243e54 | hsl(208, 40%, 24%) |
|
|
| 900 | oklch(0.285 0.038 246.42) | #1a2c3c | hsl(208, 40%, 17%) |
|
|
| 950 | oklch(0.212 0.025 246.74) | #0f1a24 | hsl(209, 41%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.013 244.26) | #dee6ed | hsl(208, 29%, 90%) |
|
|
| 100 | oklch(0.909 0.016 248.00) | #d9e2eb | hsl(210, 31%, 89%) |
|
|
| 200 | oklch(0.898 0.017 242.45) | #d4dfe8 | hsl(207, 30%, 87%) |
|
|
| 300 | oklch(0.886 0.020 245.66) | #cfdbe6 | hsl(209, 32%, 86%) |
|
|
| 400 | oklch(0.876 0.021 243.45) | #cbd8e3 | hsl(208, 30%, 84%) |
|
|
| 500 | oklch(0.863 0.024 246.07) | #c6d4e1 | hsl(209, 31%, 83%) |
|
|
| 600 | oklch(0.742 0.045 246.30) | #95afc7 | hsl(209, 31%, 68%) |
|
|
| 700 | oklch(0.620 0.069 248.31) | #658aae | hsl(210, 31%, 54%) |
|
|
| 800 | oklch(0.495 0.061 247.57) | #456583 | hsl(209, 31%, 39%) |
|
|
| 900 | oklch(0.359 0.042 247.79) | #2b3f52 | hsl(209, 31%, 25%) |
|
|
| 950 | oklch(0.213 0.018 245.21) | #121a21 | hsl(208, 29%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.010 81.79) | #ebe7e0 | hsl(38, 22%, 90%) |
|
|
| 100 | oklch(0.929 0.010 81.79) | #ebe7e0 | hsl(38, 22%, 90%) |
|
|
| 200 | oklch(0.929 0.010 81.79) | #ebe7e0 | hsl(38, 22%, 90%) |
|
|
| 300 | oklch(0.929 0.010 81.79) | #ebe7e0 | hsl(38, 22%, 90%) |
|
|
| 400 | oklch(0.929 0.010 81.79) | #ebe7e0 | hsl(38, 22%, 90%) |
|
|
| 500 | oklch(0.929 0.010 81.79) | #ebe7e0 | hsl(38, 22%, 90%) |
|
|
| 600 | oklch(0.814 0.028 83.53) | #cbc1ae | hsl(39, 22%, 74%) |
|
|
| 700 | oklch(0.693 0.045 80.98) | #ab9a7d | hsl(38, 21%, 58%) |
|
|
| 800 | oklch(0.557 0.047 80.76) | #827154 | hsl(38, 21%, 42%) |
|
|
| 900 | oklch(0.400 0.032 79.83) | #514634 | hsl(37, 22%, 26%) |
|
|
| 950 | oklch(0.224 0.014 81.58) | #1f1b14 | hsl(38, 22%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.005 95.10) | #e8e7e3 | hsl(48, 10%, 90%) |
|
|
| 100 | oklch(0.898 0.008 80.72) | #e0ddd8 | hsl(38, 11%, 86%) |
|
|
| 200 | oklch(0.870 0.010 87.48) | #d7d4cd | hsl(42, 11%, 82%) |
|
|
| 300 | oklch(0.842 0.013 91.54) | #cecbc2 | hsl(45, 11%, 78%) |
|
|
| 400 | oklch(0.812 0.014 82.40) | #c6c1b8 | hsl(39, 11%, 75%) |
|
|
| 500 | oklch(0.784 0.016 86.44) | #bdb8ad | hsl(41, 11%, 71%) |
|
|
| 600 | oklch(0.688 0.023 85.96) | #a19a8b | hsl(41, 10%, 59%) |
|
|
| 700 | oklch(0.588 0.028 86.89) | #847c6a | hsl(42, 11%, 47%) |
|
|
| 800 | oklch(0.473 0.022 86.17) | #615b4e | hsl(41, 11%, 34%) |
|
|
| 900 | oklch(0.353 0.016 86.89) | #3f3b32 | hsl(42, 12%, 22%) |
|
|
| 950 | oklch(0.222 0.008 95.41) | #1c1b17 | hsl(48, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
