Serene Coastal Retreat Color Palette
This palette evokes a serene coastal retreat, blending deep ocean blues (#1B3C53, #355974, #486E8A) with soft sandy neutrals (#D2C1B6, #F9F3EF) for a calming and sophisticated ambiance.
Practical uses and creative applications
The Serene Coastal Retreat Color Palette evokes the tranquility of a seaside escape, featuring calming hues like deep ocean blue (#1B3C53), soothing teal (#355974), and gentle sky blue (#486E8A), complemented by warm sandy beige (#D2C1B6) and soft seashell pink (#F9F3EF). This palette is ideal for branding projects aimed at wellness brands, coastal retreats, or eco-friendly products, where a serene and inviting aesthetic is paramount.
Designers looking to create a tranquil atmosphere will find these colors perfect for logos, packaging, and marketing materials that resonate with a sense of peace and relaxation. In web design, the Serene Coastal Retreat Color Palette can enhance user experience by instilling a calming vibe, making it a superb choice for lifestyle blogs, travel websites, and online shops focused on home décor or beachwear.
The soft, natural tones work harmoniously in interior design as well, creating spaces that feel open and invitingideal for coastal-themed homes, resorts, or spas. This palette not only appeals to creatives and designers but also to brands seeking to connect with audiences who crave serenity and comfort in their everyday lives.
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.
| 50 | oklch(0.923 0.021 236.77) | #d9e8f2 | hsl(204, 49%, 90%) |
|
|
| 100 | oklch(0.815 0.052 238.59) | #a4c8e1 | hsl(205, 50%, 76%) |
|
|
| 200 | oklch(0.708 0.084 240.08) | #6fa8d0 | hsl(205, 51%, 63%) |
|
|
| 300 | oklch(0.603 0.109 241.98) | #3d88bc | hsl(205, 51%, 49%) |
|
|
| 400 | oklch(0.477 0.084 242.12) | #2c6288 | hsl(205, 51%, 35%) |
|
|
| 500 | oklch(0.343 0.056 241.38) | #1b3c53 | hsl(205, 51%, 22%) |
|
|
| 600 | oklch(0.320 0.051 240.12) | #18364a | hsl(204, 51%, 19%) |
|
|
| 700 | oklch(0.294 0.046 240.95) | #152f41 | hsl(205, 51%, 17%) |
|
|
| 800 | oklch(0.270 0.040 239.23) | #122938 | hsl(204, 51%, 15%) |
|
|
| 900 | oklch(0.243 0.035 240.27) | #0f222f | hsl(204, 52%, 12%) |
|
|
| 950 | oklch(0.218 0.029 239.12) | #0d1c26 | hsl(204, 49%, 10%) |
|
| 50 | oklch(0.922 0.016 239.12) | #dce7ef | hsl(205, 37%, 90%) |
|
|
| 100 | oklch(0.831 0.036 241.54) | #b4cbdd | hsl(206, 38%, 79%) |
|
|
| 200 | oklch(0.740 0.055 240.89) | #8cb0cb | hsl(206, 38%, 67%) |
|
|
| 300 | oklch(0.647 0.074 242.27) | #6594b8 | hsl(206, 37%, 56%) |
|
|
| 400 | oklch(0.553 0.077 241.86) | #47789c | hsl(205, 37%, 45%) |
|
|
| 500 | oklch(0.449 0.061 242.25) | #355974 | hsl(206, 37%, 33%) |
|
|
| 600 | oklch(0.406 0.054 241.87) | #2e4d64 | hsl(206, 37%, 29%) |
|
|
| 700 | oklch(0.360 0.047 242.78) | #264054 | hsl(206, 38%, 24%) |
|
|
| 800 | oklch(0.314 0.038 240.61) | #1f3443 | hsl(205, 37%, 19%) |
|
|
| 900 | oklch(0.264 0.031 241.80) | #172733 | hsl(206, 38%, 15%) |
|
|
| 950 | oklch(0.216 0.022 240.65) | #101b23 | hsl(205, 37%, 10%) |
|
| 50 | oklch(0.922 0.014 238.02) | #dde7ee | hsl(205, 33%, 90%) |
|
|
| 100 | oklch(0.845 0.027 239.13) | #bdcfdc | hsl(205, 31%, 80%) |
|
|
| 200 | oklch(0.766 0.041 240.19) | #9cb7cb | hsl(206, 31%, 70%) |
|
|
| 300 | oklch(0.688 0.056 239.25) | #7ba0ba | hsl(205, 31%, 61%) |
|
|
| 400 | oklch(0.607 0.070 241.16) | #5b88a9 | hsl(205, 31%, 51%) |
|
|
| 500 | oklch(0.521 0.062 241.35) | #486e8a | hsl(205, 31%, 41%) |
|
|
| 600 | oklch(0.464 0.054 241.77) | #3d5d75 | hsl(206, 31%, 35%) |
|
|
| 700 | oklch(0.407 0.046 240.00) | #324d60 | hsl(205, 32%, 29%) |
|
|
| 800 | oklch(0.345 0.037 240.29) | #273c4b | hsl(205, 32%, 22%) |
|
|
| 900 | oklch(0.281 0.029 240.84) | #1c2b36 | hsl(205, 32%, 16%) |
|
|
| 950 | oklch(0.216 0.020 239.39) | #111b22 | hsl(205, 33%, 10%) |
|
| 50 | oklch(0.924 0.011 54.49) | #ece4df | hsl(23, 25%, 90%) |
|
|
| 100 | oklch(0.903 0.013 56.24) | #e6ddd7 | hsl(24, 23%, 87%) |
|
|
| 200 | oklch(0.883 0.015 54.91) | #e1d6cf | hsl(23, 23%, 85%) |
|
|
| 300 | oklch(0.863 0.018 53.94) | #dccfc7 | hsl(23, 23%, 82%) |
|
|
| 400 | oklch(0.842 0.022 56.08) | #d7c8be | hsl(24, 24%, 79%) |
|
|
| 500 | oklch(0.822 0.025 55.20) | #d2c1b6 | hsl(24, 24%, 77%) |
|
|
| 600 | oklch(0.715 0.040 54.10) | #b89d8c | hsl(23, 24%, 64%) |
|
|
| 700 | oklch(0.606 0.057 53.20) | #9e7962 | hsl(23, 24%, 50%) |
|
|
| 800 | oklch(0.487 0.045 55.09) | #745947 | hsl(24, 24%, 37%) |
|
|
| 900 | oklch(0.360 0.031 56.74) | #4a392d | hsl(25, 24%, 23%) |
|
|
| 950 | oklch(0.217 0.016 53.66) | #201813 | hsl(23, 25%, 10%) |
|
| 50 | oklch(0.925 0.020 55.14) | #f1e3da | hsl(23, 45%, 90%) |
|
|
| 100 | oklch(0.933 0.018 53.97) | #f3e6de | hsl(23, 47%, 91%) |
|
|
| 200 | oklch(0.943 0.015 61.34) | #f4eae2 | hsl(27, 45%, 92%) |
|
|
| 300 | oklch(0.951 0.013 56.25) | #f6ede7 | hsl(24, 45%, 94%) |
|
|
| 400 | oklch(0.959 0.010 58.22) | #f7f0eb | hsl(25, 43%, 95%) |
|
|
| 500 | oklch(0.968 0.008 56.31) | #f9f3ef | hsl(24, 45%, 96%) |
|
|
| 600 | oklch(0.837 0.044 55.71) | #e1c3af | hsl(24, 45%, 78%) |
|
|
| 700 | oklch(0.709 0.081 55.19) | #c99470 | hsl(24, 45%, 61%) |
|
|
| 800 | oklch(0.572 0.097 53.48) | #a4673e | hsl(24, 45%, 44%) |
|
|
| 900 | oklch(0.406 0.065 53.22) | #653f26 | hsl(24, 45%, 27%) |
|
|
| 950 | oklch(0.220 0.028 53.48) | #25170e | hsl(23, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
