Coastal Serenity Color Palette
This palette radiates a serene coastal vibe, blending deep ocean blues with refreshing teal and soft seafoam greens, accented by warm sandy beige that evokes a tranquil, sunlit beach retreat.
Practical uses and creative applications
The Coastal Serenity Color Palette is a harmonious blend of deep ocean blues, tranquil greens, and soft sandy beiges, creating an inviting atmosphere that evokes the soothing essence of coastal living. Ideal for designers and creatives looking to establish a calming yet sophisticated aesthetic, this palette can be used effectively in branding, web design, packaging, and interior decor.
The rich navy (#092b5a) and teal (#09738a) anchor the palette, while the muted greens (#78a890, #9ed1b7) and warm beige (#e7d9b4) add a refreshing touch, making it perfect for projects that aim to convey tranquility and balance. Incorporating the Coastal Serenity Color Palette into your work can elevate the visual appeal of various applications.
For branding, it resonates well with businesses in the wellness, hospitality, or eco-friendly sectors, helping to create a brand identity that feels both grounded and approachable. In web design, the soothing tones can enhance user experience by promoting a sense of calm, encouraging longer visits and deeper engagement.
For interiors, this palette is ideal for coastal-themed spaces, creating serene environments that invite relaxation and comfort, perfect for homes, spas, or boutique hotels. Whether you're a graphic designer, an interior decorator, or a marketer, this palette is a versatile choice that effortlessly captures the essence of coastal serenity.
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.908 0.038 256.97) | #d1e2fa | hsl(215, 80%, 90%) |
|
|
| 100 | oklch(0.778 0.096 256.94) | #8fb9f4 | hsl(215, 82%, 76%) |
|
|
| 200 | oklch(0.656 0.154 256.88) | #4e91ed | hsl(215, 82%, 62%) |
|
|
| 300 | oklch(0.546 0.192 258.50) | #166add | hsl(215, 82%, 48%) |
|
|
| 400 | oklch(0.424 0.144 258.45) | #104a9b | hsl(215, 81%, 34%) |
|
|
| 500 | oklch(0.296 0.093 257.86) | #092b5a | hsl(215, 82%, 19%) |
|
|
| 600 | oklch(0.278 0.085 257.44) | #082751 | hsl(215, 82%, 17%) |
|
|
| 700 | oklch(0.260 0.078 257.30) | #072349 | hsl(215, 83%, 16%) |
|
|
| 800 | oklch(0.239 0.071 257.64) | #061e40 | hsl(215, 83%, 14%) |
|
|
| 900 | oklch(0.221 0.062 257.69) | #061a37 | hsl(216, 80%, 12%) |
|
|
| 950 | oklch(0.201 0.054 256.69) | #05162e | hsl(215, 80%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.040 212.23) | #cff4fc | hsl(191, 88%, 90%) |
|
|
| 100 | oklch(0.879 0.083 213.28) | #95e6f8 | hsl(191, 88%, 78%) |
|
|
| 200 | oklch(0.825 0.117 214.20) | #5ad9f4 | hsl(191, 88%, 65%) |
|
|
| 300 | oklch(0.779 0.135 217.88) | #1fcbf0 | hsl(191, 87%, 53%) |
|
|
| 400 | oklch(0.665 0.119 219.28) | #0da4c5 | hsl(191, 88%, 41%) |
|
|
| 500 | oklch(0.514 0.091 218.60) | #09738a | hsl(191, 88%, 29%) |
|
|
| 600 | oklch(0.465 0.082 218.35) | #086478 | hsl(191, 88%, 25%) |
|
|
| 700 | oklch(0.416 0.072 218.04) | #075566 | hsl(191, 87%, 21%) |
|
|
| 800 | oklch(0.364 0.063 217.46) | #054654 | hsl(191, 89%, 17%) |
|
|
| 900 | oklch(0.311 0.053 216.77) | #043742 | hsl(191, 89%, 14%) |
|
|
| 950 | oklch(0.256 0.043 215.66) | #032830 | hsl(191, 88%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.013 167.16) | #e0ebe6 | hsl(153, 22%, 90%) |
|
|
| 100 | oklch(0.884 0.024 163.07) | #cbded4 | hsl(148, 22%, 83%) |
|
|
| 200 | oklch(0.835 0.033 164.06) | #b6d0c3 | hsl(150, 22%, 76%) |
|
|
| 300 | oklch(0.788 0.043 162.88) | #a2c3b2 | hsl(149, 22%, 70%) |
|
|
| 400 | oklch(0.738 0.052 163.14) | #8db5a1 | hsl(150, 21%, 63%) |
|
|
| 500 | oklch(0.690 0.062 162.48) | #78a890 | hsl(150, 22%, 56%) |
|
|
| 600 | oklch(0.616 0.069 161.75) | #5e9278 | hsl(150, 22%, 47%) |
|
|
| 700 | oklch(0.526 0.056 162.51) | #4c7561 | hsl(151, 21%, 38%) |
|
|
| 800 | oklch(0.434 0.046 161.92) | #395949 | hsl(150, 22%, 29%) |
|
|
| 900 | oklch(0.335 0.033 161.07) | #273c31 | hsl(149, 21%, 19%) |
|
|
| 950 | oklch(0.227 0.018 165.08) | #141f1a | hsl(153, 22%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.024 163.13) | #dcefe5 | hsl(148, 37%, 90%) |
|
|
| 100 | oklch(0.912 0.032 163.19) | #d0e9dc | hsl(149, 36%, 86%) |
|
|
| 200 | oklch(0.888 0.040 163.90) | #c3e3d3 | hsl(150, 36%, 83%) |
|
|
| 300 | oklch(0.865 0.048 163.60) | #b7ddca | hsl(150, 36%, 79%) |
|
|
| 400 | oklch(0.841 0.057 162.67) | #aad7c0 | hsl(149, 36%, 75%) |
|
|
| 500 | oklch(0.818 0.065 162.39) | #9ed1b7 | hsl(149, 36%, 72%) |
|
|
| 600 | oklch(0.739 0.093 160.57) | #73bd97 | hsl(149, 36%, 60%) |
|
|
| 700 | oklch(0.650 0.107 158.98) | #4da377 | hsl(149, 36%, 47%) |
|
|
| 800 | oklch(0.521 0.083 159.39) | #397858 | hsl(150, 36%, 35%) |
|
|
| 900 | oklch(0.384 0.057 160.22) | #254d39 | hsl(150, 35%, 22%) |
|
|
| 950 | oklch(0.236 0.032 159.65) | #102319 | hsl(148, 37%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.027 87.86) | #f3ebd8 | hsl(42, 53%, 90%) |
|
|
| 100 | oklch(0.931 0.032 91.03) | #f0e8d1 | hsl(45, 51%, 88%) |
|
|
| 200 | oklch(0.920 0.036 89.45) | #eee4ca | hsl(43, 51%, 86%) |
|
|
| 300 | oklch(0.909 0.041 88.20) | #ece0c3 | hsl(42, 52%, 85%) |
|
|
| 400 | oklch(0.898 0.047 90.88) | #e9ddbb | hsl(44, 51%, 82%) |
|
|
| 500 | oklch(0.887 0.051 89.76) | #e7d9b4 | hsl(44, 52%, 81%) |
|
|
| 600 | oklch(0.805 0.087 89.00) | #d6bd7d | hsl(43, 52%, 66%) |
|
|
| 700 | oklch(0.725 0.116 88.62) | #c4a247 | hsl(44, 51%, 52%) |
|
|
| 800 | oklch(0.585 0.097 87.82) | #94782f | hsl(43, 52%, 38%) |
|
|
| 900 | oklch(0.424 0.067 88.89) | #5d4c1e | hsl(44, 51%, 24%) |
|
|
| 950 | oklch(0.243 0.034 86.99) | #271f0c | hsl(42, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
