Coastal Calm Color Palette
This palette exudes a serene, coastal calm, blending deep navy and teal with soft mint and airy pastel greens, creating a refreshing, tranquil atmosphere perfect for coastal retreats.
Practical uses and creative applications
The Coastal Calm Color Palette is a serene blend of earthy tones and soft pastels, featuring shades like deep navy (#1f192f), tranquil teal (#2d6073), refreshing mint (#65b8a6), gentle seafoam (#b5e8c3), and airy cream (#f0f7da). This palette is perfect for designers and creatives looking to evoke a sense of tranquility and comfort.
Ideal for branding, web design, and packaging, these colors can seamlessly communicate a relaxed yet sophisticated vibe, making them suitable for businesses in wellness, hospitality, and eco-friendly products. In the realm of interior design, the Coastal Calm palette can transform spaces into peaceful retreats.
Use the deeper hues to create focal points, while the lighter shades can brighten and open up smaller areas. This palette not only resonates with coastal themes but also appeals to those seeking a minimalist aesthetic that feels both modern and inviting.
Whether you're designing a beachside café or a serene spa, this color scheme will help establish a calming atmosphere that attracts customers and enhances their experience. Embrace the Coastal Calm palette and let your designs reflect the soothing essence of the sea.
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.021 298.17) | #e2deed | hsl(256, 29%, 90%) |
|
|
| 100 | oklch(0.763 0.056 297.97) | #b6abd2 | hsl(257, 30%, 75%) |
|
|
| 200 | oklch(0.616 0.095 295.89) | #8a79b8 | hsl(256, 31%, 60%) |
|
|
| 300 | oklch(0.479 0.109 294.61) | #624f94 | hsl(257, 30%, 45%) |
|
|
| 400 | oklch(0.361 0.078 294.13) | #403462 | hsl(256, 31%, 29%) |
|
|
| 500 | oklch(0.232 0.042 295.47) | #1f192f | hsl(256, 31%, 14%) |
|
|
| 600 | oklch(0.225 0.039 294.59) | #1d182c | hsl(255, 29%, 13%) |
|
|
| 700 | oklch(0.217 0.039 294.42) | #1b162a | hsl(255, 31%, 13%) |
|
|
| 800 | oklch(0.211 0.035 296.00) | #1a1527 | hsl(257, 30%, 12%) |
|
|
| 900 | oklch(0.202 0.034 296.78) | #181324 | hsl(258, 31%, 11%) |
|
|
| 950 | oklch(0.195 0.030 295.73) | #161221 | hsl(256, 29%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.020 220.87) | #daebf1 | hsl(196, 45%, 90%) |
|
|
| 100 | oklch(0.845 0.042 221.74) | #afd3e0 | hsl(196, 44%, 78%) |
|
|
| 200 | oklch(0.761 0.064 222.59) | #84bbcf | hsl(196, 44%, 66%) |
|
|
| 300 | oklch(0.678 0.084 224.00) | #59a3be | hsl(196, 44%, 55%) |
|
|
| 400 | oklch(0.579 0.080 225.17) | #3e849e | hsl(196, 44%, 43%) |
|
|
| 500 | oklch(0.462 0.063 225.04) | #2d6073 | hsl(196, 44%, 31%) |
|
|
| 600 | oklch(0.418 0.055 224.33) | #275363 | hsl(196, 43%, 27%) |
|
|
| 700 | oklch(0.373 0.049 225.13) | #214654 | hsl(196, 44%, 23%) |
|
|
| 800 | oklch(0.326 0.041 224.16) | #1b3944 | hsl(196, 43%, 19%) |
|
|
| 900 | oklch(0.277 0.033 221.85) | #142c34 | hsl(195, 44%, 14%) |
|
|
| 950 | oklch(0.227 0.026 222.79) | #0e1f25 | hsl(196, 45%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.021 181.86) | #dcefeb | hsl(167, 37%, 90%) |
|
|
| 100 | oklch(0.894 0.035 180.80) | #c4e4dd | hsl(167, 37%, 83%) |
|
|
| 200 | oklch(0.851 0.049 179.99) | #acd9cf | hsl(167, 37%, 76%) |
|
|
| 300 | oklch(0.809 0.061 180.18) | #95cec2 | hsl(167, 37%, 70%) |
|
|
| 400 | oklch(0.766 0.074 179.15) | #7dc3b4 | hsl(167, 37%, 63%) |
|
|
| 500 | oklch(0.725 0.086 178.03) | #65b8a6 | hsl(167, 37%, 56%) |
|
|
| 600 | oklch(0.656 0.090 177.16) | #4ba390 | hsl(167, 37%, 47%) |
|
|
| 700 | oklch(0.560 0.076 177.61) | #3c8374 | hsl(167, 37%, 37%) |
|
|
| 800 | oklch(0.459 0.060 176.72) | #2e6357 | hsl(166, 37%, 28%) |
|
|
| 900 | oklch(0.353 0.044 177.33) | #1f433b | hsl(167, 37%, 19%) |
|
|
| 950 | oklch(0.238 0.026 178.85) | #10231f | hsl(167, 37%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.039 153.50) | #d8f3df | hsl(136, 53%, 90%) |
|
|
| 100 | oklch(0.929 0.046 154.18) | #d1f1da | hsl(137, 53%, 88%) |
|
|
| 200 | oklch(0.918 0.053 153.59) | #caefd4 | hsl(136, 54%, 86%) |
|
|
| 300 | oklch(0.906 0.059 153.38) | #c3ecce | hsl(136, 52%, 85%) |
|
|
| 400 | oklch(0.896 0.065 153.74) | #bceac9 | hsl(137, 52%, 83%) |
|
|
| 500 | oklch(0.886 0.073 153.25) | #b5e8c3 | hsl(136, 53%, 81%) |
|
|
| 600 | oklch(0.806 0.126 151.37) | #7ed796 | hsl(136, 53%, 67%) |
|
|
| 700 | oklch(0.735 0.173 148.97) | #47c669 | hsl(136, 53%, 53%) |
|
|
| 800 | oklch(0.593 0.144 148.97) | #2e954b | hsl(137, 53%, 38%) |
|
|
| 900 | oklch(0.428 0.100 149.21) | #1d5e2f | hsl(137, 53%, 24%) |
|
|
| 950 | oklch(0.245 0.050 149.75) | #0c2713 | hsl(136, 53%, 10%) |
|
dsfds
| 50 | oklch(0.959 0.044 118.31) | #eef6d5 | hsl(75, 65%, 90%) |
|
|
| 100 | oklch(0.959 0.043 118.62) | #eef6d6 | hsl(75, 64%, 90%) |
|
|
| 200 | oklch(0.960 0.041 117.52) | #eff6d7 | hsl(74, 63%, 90%) |
|
|
| 300 | oklch(0.962 0.042 118.95) | #eff7d8 | hsl(75, 66%, 91%) |
|
|
| 400 | oklch(0.963 0.040 117.83) | #f0f7d9 | hsl(74, 65%, 91%) |
|
|
| 500 | oklch(0.963 0.039 118.16) | #f0f7da | hsl(74, 64%, 91%) |
|
|
| 600 | oklch(0.897 0.107 119.77) | #d4e896 | hsl(75, 64%, 75%) |
|
|
| 700 | oklch(0.838 0.165 121.65) | #b9da52 | hsl(75, 65%, 59%) |
|
|
| 800 | oklch(0.714 0.162 123.00) | #90b227 | hsl(75, 64%, 43%) |
|
|
| 900 | oklch(0.504 0.111 122.69) | #596e18 | hsl(75, 64%, 26%) |
|
|
| 950 | oklch(0.269 0.053 121.66) | #222a09 | hsl(75, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
