Coastal Serenity Color Palette
A refreshing blend of serene turquoise, soft mint, and gentle beige creates a tranquil, airy vibe reminiscent of a sunlit coastal retreat.
Practical uses and creative applications
The Coastal Serenity Color Palette embodies the tranquil essence of seaside living, making it an ideal choice for designers and creatives seeking to evoke a sense of calm and relaxation. Featuring refreshing hues like #02fcf3, a vibrant aqua, and soft tones such as #a9e4cf and #cae0c8, this palette can be seamlessly integrated into various applications including branding, web design, packaging, and interior decor.
Whether you’re crafting a coastal-themed website or designing eco-friendly product packaging, these colors create a harmonious visual experience that draws in audiences and enhances brand identity. This palette is particularly well-suited for businesses in the wellness, travel, and lifestyle sectors, as it communicates a serene and inviting atmosphere.
Interior designers can utilize these colors to transform spaces into serene retreats, perfect for homes, spas, or cafes striving for a fresh coastal vibe. By incorporating the soft neutrals of #deddc4 and #e8e7d2, you can balance bold accents and create a soothing environment that resonates with anyone looking to unwind and rejuvenate.
Embrace the soothing qualities of the Coastal Serenity Color Palette to inspire creativity and elevate your design projects!.
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.964 0.052 193.36) | #ccfffd | hsl(178, 100%, 90%) |
|
|
| 100 | oklch(0.940 0.086 193.09) | #a4fefb | hsl(178, 98%, 82%) |
|
|
| 200 | oklch(0.922 0.116 191.97) | #7bfef9 | hsl(178, 98%, 74%) |
|
|
| 300 | oklch(0.909 0.138 191.03) | #52fef7 | hsl(178, 99%, 66%) |
|
|
| 400 | oklch(0.900 0.150 191.15) | #2afdf6 | hsl(178, 98%, 58%) |
|
|
| 500 | oklch(0.894 0.154 190.16) | #02fcf3 | hsl(178, 98%, 50%) |
|
|
| 600 | oklch(0.785 0.135 189.95) | #02d4cc | hsl(178, 98%, 42%) |
|
|
| 700 | oklch(0.669 0.115 190.35) | #01aba5 | hsl(178, 99%, 34%) |
|
|
| 800 | oklch(0.551 0.095 190.07) | #01837e | hsl(178, 98%, 26%) |
|
|
| 900 | oklch(0.426 0.073 190.87) | #015b58 | hsl(178, 98%, 18%) |
|
|
| 950 | oklch(0.290 0.050 190.57) | #003331 | hsl(178, 100%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.031 171.36) | #d8f3e9 | hsl(158, 53%, 90%) |
|
|
| 100 | oklch(0.928 0.038 171.51) | #cff0e4 | hsl(158, 52%, 88%) |
|
|
| 200 | oklch(0.914 0.046 172.03) | #c5eddf | hsl(159, 53%, 85%) |
|
|
| 300 | oklch(0.900 0.052 171.89) | #bceada | hsl(159, 52%, 83%) |
|
|
| 400 | oklch(0.886 0.060 170.90) | #b2e7d4 | hsl(158, 52%, 80%) |
|
|
| 500 | oklch(0.873 0.067 170.75) | #a9e4cf | hsl(159, 52%, 78%) |
|
|
| 600 | oklch(0.799 0.103 169.03) | #74d3b2 | hsl(159, 52%, 64%) |
|
|
| 700 | oklch(0.734 0.133 165.09) | #40c394 | hsl(158, 52%, 51%) |
|
|
| 800 | oklch(0.587 0.106 165.42) | #2d906d | hsl(159, 52%, 37%) |
|
|
| 900 | oklch(0.425 0.073 165.97) | #1d5b45 | hsl(159, 52%, 24%) |
|
|
| 950 | oklch(0.248 0.038 166.32) | #0c271d | hsl(158, 53%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.024 141.52) | #e0edde | hsl(112, 29%, 90%) |
|
|
| 100 | oklch(0.921 0.027 143.60) | #dbeada | hsl(116, 28%, 89%) |
|
|
| 200 | oklch(0.913 0.031 142.33) | #d7e8d5 | hsl(114, 29%, 87%) |
|
|
| 300 | oklch(0.903 0.033 142.48) | #d3e5d1 | hsl(114, 28%, 86%) |
|
|
| 400 | oklch(0.894 0.038 142.83) | #cee3cc | hsl(115, 29%, 85%) |
|
|
| 500 | oklch(0.884 0.040 142.92) | #cae0c8 | hsl(115, 28%, 83%) |
|
|
| 600 | oklch(0.782 0.077 142.52) | #9cc598 | hsl(115, 28%, 68%) |
|
|
| 700 | oklch(0.680 0.112 142.50) | #6eaa69 | hsl(115, 28%, 54%) |
|
|
| 800 | oklch(0.549 0.101 142.13) | #4d8048 | hsl(115, 28%, 39%) |
|
|
| 900 | oklch(0.396 0.069 142.26) | #30502d | hsl(115, 28%, 25%) |
|
|
| 950 | oklch(0.231 0.034 141.20) | #142112 | hsl(112, 29%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.019 103.43) | #edecde | hsl(56, 29%, 90%) |
|
|
| 100 | oklch(0.930 0.021 103.90) | #eae9d9 | hsl(56, 29%, 88%) |
|
|
| 200 | oklch(0.921 0.024 104.27) | #e7e6d4 | hsl(57, 28%, 87%) |
|
|
| 300 | oklch(0.911 0.027 104.58) | #e4e3cf | hsl(57, 28%, 85%) |
|
|
| 400 | oklch(0.901 0.031 104.97) | #e1e0c9 | hsl(58, 29%, 84%) |
|
|
| 500 | oklch(0.892 0.033 105.18) | #deddc4 | hsl(58, 28%, 82%) |
|
|
| 600 | oklch(0.804 0.060 105.56) | #c4c295 | hsl(57, 28%, 68%) |
|
|
| 700 | oklch(0.715 0.086 106.87) | #a9a766 | hsl(58, 28%, 53%) |
|
|
| 800 | oklch(0.579 0.075 106.66) | #7f7d47 | hsl(58, 28%, 39%) |
|
|
| 900 | oklch(0.417 0.050 105.36) | #504e2d | hsl(57, 28%, 25%) |
|
|
| 950 | oklch(0.240 0.025 104.63) | #212012 | hsl(56, 29%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.021 103.89) | #eeeddd | hsl(56, 33%, 90%) |
|
|
| 100 | oklch(0.939 0.023 104.09) | #edecdb | hsl(57, 33%, 89%) |
|
|
| 200 | oklch(0.935 0.024 106.85) | #ebebd9 | hsl(60, 31%, 89%) |
|
|
| 300 | oklch(0.930 0.024 104.27) | #eae9d7 | hsl(57, 31%, 88%) |
|
|
| 400 | oklch(0.926 0.027 104.57) | #e9e8d4 | hsl(57, 32%, 87%) |
|
|
| 500 | oklch(0.923 0.028 104.71) | #e8e7d2 | hsl(57, 32%, 87%) |
|
|
| 600 | oklch(0.833 0.060 104.45) | #cecb9e | hsl(56, 33%, 71%) |
|
|
| 700 | oklch(0.744 0.090 106.24) | #b3b06b | hsl(58, 32%, 56%) |
|
|
| 800 | oklch(0.608 0.086 106.30) | #898646 | hsl(57, 32%, 41%) |
|
|
| 900 | oklch(0.438 0.059 106.07) | #56542c | hsl(57, 32%, 25%) |
|
|
| 950 | oklch(0.244 0.028 105.20) | #222111 | hsl(56, 33%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
