Serene Maritime Color Palette
This palette exudes a serene maritime vibe, blending deep ocean blues with vibrant teal and hints of cool gray, evoking a calm yet adventurous spirit perfect for coastal sophistication.
Practical uses and creative applications
The Serene Maritime Color Palette evokes the tranquility of the ocean, featuring deep blues and tranquil teals that inspire calm and creativity. With its main colors#003863, #005394, #159AB7, #1B4A60, and #00364Bthis palette is perfect for branding and web design that seeks to communicate reliability and professionalism.
Ideal for businesses in the maritime, wellness, or travel sectors, these hues create a sense of trust and serenity, making them suitable for everything from corporate websites to modern packaging designs. Designers and creatives can harness the soothing qualities of the Serene Maritime palette to craft interiors that promote relaxation and focus.
Whether it's a coastal-themed café, a spa, or a boutique hotel, the deep oceanic tones paired with lighter teals can transform spaces into serene retreats, inviting guests to unwind. This color scheme is particularly effective in minimalist or contemporary designs, where a clean aesthetic enhances the calming effect of the colors.
Embrace the beauty of the sea with this palette, and watch as it elevates your projects to new heights of creativity and tranquility.
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.043 240.73) | #cce9ff | hsl(206, 100%, 90%) |
|
|
| 100 | oklch(0.813 0.103 242.26) | #84caff | hsl(206, 100%, 76%) |
|
|
| 200 | oklch(0.715 0.158 246.23) | #3caaff | hsl(206, 100%, 62%) |
|
|
| 300 | oklch(0.626 0.186 251.76) | #0089f3 | hsl(206, 100%, 48%) |
|
|
| 400 | oklch(0.487 0.140 250.70) | #0061ab | hsl(206, 100%, 34%) |
|
|
| 500 | oklch(0.334 0.092 248.93) | #003863 | hsl(206, 100%, 19%) |
|
|
| 600 | oklch(0.313 0.084 247.81) | #003359 | hsl(206, 100%, 17%) |
|
|
| 700 | oklch(0.290 0.078 248.14) | #002d50 | hsl(206, 100%, 16%) |
|
|
| 800 | oklch(0.269 0.070 246.61) | #002846 | hsl(206, 100%, 14%) |
|
|
| 900 | oklch(0.245 0.064 246.91) | #00223d | hsl(207, 100%, 12%) |
|
|
| 950 | oklch(0.223 0.056 244.61) | #001d33 | hsl(206, 100%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.043 240.73) | #cce9ff | hsl(206, 100%, 90%) |
|
|
| 100 | oklch(0.824 0.096 243.21) | #8ecdff | hsl(207, 100%, 78%) |
|
|
| 200 | oklch(0.739 0.145 245.37) | #50b2ff | hsl(206, 100%, 66%) |
|
|
| 300 | oklch(0.666 0.184 250.09) | #1197ff | hsl(206, 100%, 53%) |
|
|
| 400 | oklch(0.562 0.166 251.62) | #0076d2 | hsl(206, 100%, 41%) |
|
|
| 500 | oklch(0.437 0.126 250.81) | #005394 | hsl(206, 100%, 29%) |
|
|
| 600 | oklch(0.397 0.114 250.58) | #004881 | hsl(207, 100%, 25%) |
|
|
| 700 | oklch(0.354 0.100 249.83) | #003d6d | hsl(206, 100%, 21%) |
|
|
| 800 | oklch(0.311 0.087 249.31) | #00325a | hsl(207, 100%, 18%) |
|
|
| 900 | oklch(0.266 0.071 247.82) | #002746 | hsl(207, 100%, 14%) |
|
|
| 950 | oklch(0.223 0.056 244.61) | #001d33 | hsl(206, 100%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.037 211.50) | #d1f3fa | hsl(190, 80%, 90%) |
|
|
| 100 | oklch(0.886 0.069 213.37) | #a4e6f5 | hsl(191, 80%, 80%) |
|
|
| 200 | oklch(0.835 0.098 212.96) | #76daef | hsl(190, 79%, 70%) |
|
|
| 300 | oklch(0.788 0.120 215.32) | #48cdea | hsl(191, 79%, 60%) |
|
|
| 400 | oklch(0.750 0.131 218.18) | #1ac1e5 | hsl(191, 80%, 50%) |
|
|
| 500 | oklch(0.635 0.110 218.14) | #159ab7 | hsl(191, 79%, 40%) |
|
|
| 600 | oklch(0.564 0.098 218.22) | #12839c | hsl(191, 79%, 34%) |
|
|
| 700 | oklch(0.491 0.084 217.34) | #0f6c80 | hsl(191, 79%, 28%) |
|
|
| 800 | oklch(0.416 0.070 217.30) | #0c5565 | hsl(191, 79%, 22%) |
|
|
| 900 | oklch(0.336 0.055 215.42) | #083e49 | hsl(190, 80%, 16%) |
|
|
| 950 | oklch(0.253 0.040 214.40) | #05272e | hsl(190, 80%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.025 226.48) | #d7ebf4 | hsl(199, 57%, 90%) |
|
|
| 100 | oklch(0.833 0.056 228.11) | #a3d0e5 | hsl(199, 56%, 77%) |
|
|
| 200 | oklch(0.739 0.086 229.45) | #6eb5d6 | hsl(199, 56%, 64%) |
|
|
| 300 | oklch(0.650 0.112 233.17) | #3a9ac8 | hsl(199, 56%, 51%) |
|
|
| 400 | oklch(0.523 0.088 232.63) | #2a7294 | hsl(199, 56%, 37%) |
|
|
| 500 | oklch(0.387 0.063 231.92) | #1b4a60 | hsl(199, 56%, 24%) |
|
|
| 600 | oklch(0.356 0.057 232.78) | #184155 | hsl(200, 56%, 21%) |
|
|
| 700 | oklch(0.327 0.051 231.73) | #15394a | hsl(199, 56%, 19%) |
|
|
| 800 | oklch(0.293 0.044 231.07) | #12303e | hsl(199, 55%, 16%) |
|
|
| 900 | oklch(0.259 0.038 231.65) | #0e2733 | hsl(199, 57%, 13%) |
|
|
| 950 | oklch(0.227 0.031 229.57) | #0b1f28 | hsl(199, 57%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.043 222.71) | #ccf1ff | hsl(196, 100%, 90%) |
|
|
| 100 | oklch(0.847 0.101 225.43) | #7fdbff | hsl(197, 100%, 75%) |
|
|
| 200 | oklch(0.776 0.143 229.79) | #32c6ff | hsl(197, 100%, 60%) |
|
|
| 300 | oklch(0.682 0.145 235.26) | #00a5e5 | hsl(197, 100%, 45%) |
|
|
| 400 | oklch(0.504 0.107 234.66) | #006d98 | hsl(197, 100%, 30%) |
|
|
| 500 | oklch(0.312 0.063 231.34) | #00364b | hsl(197, 100%, 15%) |
|
|
| 600 | oklch(0.301 0.060 229.90) | #003346 | hsl(196, 100%, 14%) |
|
|
| 700 | oklch(0.286 0.057 230.14) | #002f41 | hsl(197, 100%, 13%) |
|
|
| 800 | oklch(0.274 0.055 229.97) | #002c3d | hsl(197, 100%, 12%) |
|
|
| 900 | oklch(0.259 0.052 230.25) | #002838 | hsl(197, 100%, 11%) |
|
|
| 950 | oklch(0.247 0.048 228.26) | #002533 | hsl(196, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
