Tranquil Coastal Color Palette
This palette blends serene sky blues and crisp whites with deep oceanic tones and rich earthy hues, creating a tranquil yet sophisticated vibe perfect for modern coastal aesthetics.
Practical uses and creative applications
The Tranquil Coastal Color Palette is an exquisite blend of soft blues and earthy tones, perfect for evoking a sense of calm reminiscent of serene seaside escapes. With primary colors like #F6F9FC (a gentle off-white), #48AAD4 (a soothing turquoise), and deeper accents like #002E47 (a rich navy), this palette is ideal for branding projects aimed at wellness, travel, or lifestyle industries.
Designers can leverage these hues to create visually appealing logos or marketing materials that resonate with audiences seeking relaxation and rejuvenation. For web design, the Tranquil Coastal Color Palette offers a refreshing aesthetic that enhances user experience by creating a serene online environment.
It’s particularly suited for websites focused on health, beauty, or eco-friendly products, where a calming atmosphere can significantly impact customer engagement. Additionally, interior designers will find this palette equally versatile for crafting spaces that embody tranquility, making it a perfect choice for spas, coastal homes, or vacation rentals.
Creatives and designers looking to evoke feelings of peace and tranquility in their work will find the Tranquil Coastal Color Palette to be a valuable resource. Whether it's for packaging that needs to stand out on the shelf or interior spaces that require a soothing touch, this palette is versatile enough to apply across various mediums while maintaining a cohesive and inviting vibe.
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.919 0.022 245.86) | #d9e6f2 | hsl(209, 49%, 90%) |
|
|
| 100 | oklch(0.930 0.018 250.60) | #dfe9f4 | hsl(211, 49%, 92%) |
|
|
| 200 | oklch(0.942 0.016 247.99) | #e4edf6 | hsl(210, 50%, 93%) |
|
|
| 300 | oklch(0.955 0.012 247.95) | #eaf1f8 | hsl(210, 50%, 95%) |
|
|
| 400 | oklch(0.968 0.009 247.91) | #f0f5fa | hsl(210, 50%, 96%) |
|
|
| 500 | oklch(0.981 0.005 247.88) | #f6f9fc | hsl(210, 50%, 98%) |
|
|
| 600 | oklch(0.835 0.045 249.41) | #b3cce6 | hsl(211, 50%, 80%) |
|
|
| 700 | oklch(0.690 0.087 248.67) | #70a0cf | hsl(210, 50%, 63%) |
|
|
| 800 | oklch(0.543 0.108 250.12) | #3973ac | hsl(210, 50%, 45%) |
|
|
| 900 | oklch(0.385 0.073 250.23) | #234669 | hsl(210, 50%, 27%) |
|
|
| 950 | oklch(0.209 0.031 251.36) | #0d1926 | hsl(211, 49%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.007 268.54) | #e2e4e9 | hsl(223, 14%, 90%) |
|
|
| 100 | oklch(0.862 0.012 259.82) | #cdd2da | hsl(217, 15%, 83%) |
|
|
| 200 | oklch(0.803 0.019 261.33) | #b8bfcb | hsl(218, 15%, 76%) |
|
|
| 300 | oklch(0.742 0.025 262.07) | #a3acbc | hsl(218, 16%, 69%) |
|
|
| 400 | oklch(0.684 0.031 261.44) | #8f9aad | hsl(218, 15%, 62%) |
|
|
| 500 | oklch(0.621 0.038 261.87) | #7a879e | hsl(218, 16%, 55%) |
|
|
| 600 | oklch(0.543 0.039 261.82) | #637087 | hsl(218, 15%, 46%) |
|
|
| 700 | oklch(0.465 0.034 261.34) | #4f5a6d | hsl(218, 16%, 37%) |
|
|
| 800 | oklch(0.385 0.026 261.62) | #3c4452 | hsl(218, 15%, 28%) |
|
|
| 900 | oklch(0.301 0.019 264.22) | #292e38 | hsl(220, 15%, 19%) |
|
|
| 950 | oklch(0.209 0.010 268.19) | #16181d | hsl(223, 14%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.008 36.55) | #eae3e1 | hsl(13, 18%, 90%) |
|
|
| 100 | oklch(0.834 0.016 32.02) | #d3c5c2 | hsl(11, 16%, 79%) |
|
|
| 200 | oklch(0.745 0.025 30.53) | #bca7a3 | hsl(10, 16%, 69%) |
|
|
| 300 | oklch(0.654 0.035 32.14) | #a58983 | hsl(11, 16%, 58%) |
|
|
| 400 | oklch(0.561 0.042 30.61) | #8c6c66 | hsl(9, 16%, 47%) |
|
|
| 500 | oklch(0.470 0.035 31.37) | #6d544f | hsl(10, 16%, 37%) |
|
|
| 600 | oklch(0.422 0.030 33.68) | #5d4843 | hsl(12, 16%, 31%) |
|
|
| 700 | oklch(0.373 0.025 33.50) | #4d3c38 | hsl(11, 16%, 26%) |
|
|
| 800 | oklch(0.320 0.021 32.21) | #3d2f2c | hsl(11, 16%, 21%) |
|
|
| 900 | oklch(0.267 0.016 31.28) | #2d2321 | hsl(10, 15%, 15%) |
|
|
| 950 | oklch(0.212 0.012 36.50) | #1e1715 | hsl(13, 18%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.042 231.71) | #ccedff | hsl(201, 100%, 90%) |
|
|
| 100 | oklch(0.827 0.103 233.35) | #7ed2ff | hsl(201, 100%, 75%) |
|
|
| 200 | oklch(0.740 0.152 238.85) | #31b6ff | hsl(201, 100%, 60%) |
|
|
| 300 | oklch(0.638 0.156 243.58) | #0093e2 | hsl(201, 100%, 44%) |
|
|
| 400 | oklch(0.470 0.114 243.12) | #006095 | hsl(201, 100%, 29%) |
|
|
| 500 | oklch(0.287 0.065 239.34) | #002e47 | hsl(201, 100%, 14%) |
|
|
| 600 | oklch(0.275 0.063 239.62) | #002b43 | hsl(201, 100%, 13%) |
|
|
| 700 | oklch(0.267 0.059 238.26) | #00293f | hsl(201, 100%, 12%) |
|
|
| 800 | oklch(0.255 0.057 238.51) | #00263b | hsl(201, 100%, 12%) |
|
|
| 900 | oklch(0.247 0.054 236.88) | #002437 | hsl(201, 100%, 11%) |
|
|
| 950 | oklch(0.235 0.051 237.09) | #002133 | hsl(201, 100%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.026 224.24) | #d6ecf5 | hsl(197, 61%, 90%) |
|
|
| 100 | oklch(0.882 0.046 225.29) | #b9dfef | hsl(198, 63%, 83%) |
|
|
| 200 | oklch(0.832 0.063 226.98) | #9dd1e8 | hsl(198, 62%, 76%) |
|
|
| 300 | oklch(0.786 0.079 227.16) | #81c4e1 | hsl(198, 62%, 69%) |
|
|
| 400 | oklch(0.741 0.096 228.32) | #64b7db | hsl(198, 62%, 63%) |
|
|
| 500 | oklch(0.697 0.109 229.57) | #48aad4 | hsl(198, 62%, 56%) |
|
|
| 600 | oklch(0.628 0.112 231.28) | #2d94c0 | hsl(198, 62%, 46%) |
|
|
| 700 | oklch(0.536 0.094 230.71) | #24779a | hsl(198, 62%, 37%) |
|
|
| 800 | oklch(0.441 0.076 230.81) | #1b5a75 | hsl(198, 63%, 28%) |
|
|
| 900 | oklch(0.340 0.055 230.01) | #133d4f | hsl(198, 61%, 19%) |
|
|
| 950 | oklch(0.230 0.033 227.57) | #0a2029 | hsl(197, 61%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
