Serene Coastal Color Palette
A serene coastal oasis, this palette of teal and soft aqua evokes a refreshing breeze and tranquil vibes, perfect for a modern, beach-inspired retreat.
Practical uses and creative applications
The Serene Coastal Color Palette is a refreshing blend of tranquil hues that evoke the calming essence of the sea. Featuring shades like #1693a5, #45b5c4, #7ececa, #a0ded6, and #c7ede8, this palette is perfect for those looking to create a soothing environment.
Its cool colors work harmoniously together, making it an ideal choice for web design and branding in industries such as wellness, travel, or eco-friendly products. Designers can use these shades to convey a sense of calm and reliability, attracting clients who value serenity and sophistication.
In interior design, the Serene Coastal Color Palette can transform any space into a peaceful retreat. Whether used for accent walls, furniture, or decor, these colors can enhance a room's ambiance, making it perfect for coastal homes or urban apartments seeking a touch of nature-inspired tranquility.
Creatives aiming to evoke a relaxed mood will find this palette especially appealing for packaging design, where it can elevate products intended for relaxation or self-care. Overall, the Serene Coastal Color Palette caters to designers and creatives who want to infuse their work with a refreshing, coastal vibe, perfect for projects that aim to inspire peace and harmony.
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.944 0.036 207.35) | #d2f4f9 | hsl(188, 76%, 90%) |
|
|
| 100 | oklch(0.888 0.071 208.23) | #a2e8f3 | hsl(188, 77%, 79%) |
|
|
| 200 | oklch(0.839 0.101 207.45) | #72ddec | hsl(187, 76%, 69%) |
|
|
| 300 | oklch(0.795 0.121 209.30) | #42d1e6 | hsl(188, 77%, 58%) |
|
|
| 400 | oklch(0.736 0.124 210.52) | #1cbed5 | hsl(187, 77%, 47%) |
|
|
| 500 | oklch(0.610 0.102 210.51) | #1693a5 | hsl(188, 76%, 37%) |
|
|
| 600 | oklch(0.545 0.090 209.96) | #137e8d | hsl(187, 76%, 31%) |
|
|
| 700 | oklch(0.476 0.078 210.51) | #106875 | hsl(188, 76%, 26%) |
|
|
| 800 | oklch(0.407 0.066 209.65) | #0c535d | hsl(187, 77%, 21%) |
|
|
| 900 | oklch(0.332 0.053 210.50) | #093d45 | hsl(188, 77%, 15%) |
|
|
| 950 | oklch(0.256 0.039 209.08) | #06282d | hsl(188, 76%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.026 205.80) | #d8f0f3 | hsl(187, 53%, 90%) |
|
|
| 100 | oklch(0.891 0.043 205.52) | #bbe4e9 | hsl(187, 51%, 82%) |
|
|
| 200 | oklch(0.845 0.061 206.55) | #9dd8e0 | hsl(187, 52%, 75%) |
|
|
| 300 | oklch(0.800 0.077 207.43) | #80ccd7 | hsl(188, 52%, 67%) |
|
|
| 400 | oklch(0.758 0.091 206.30) | #62c1cd | hsl(187, 52%, 59%) |
|
|
| 500 | oklch(0.716 0.102 207.58) | #45b5c4 | hsl(187, 52%, 52%) |
|
|
| 600 | oklch(0.638 0.093 208.17) | #369ba9 | hsl(187, 52%, 44%) |
|
|
| 700 | oklch(0.546 0.079 207.71) | #2b7d88 | hsl(187, 52%, 35%) |
|
|
| 800 | oklch(0.450 0.064 208.55) | #215f68 | hsl(188, 52%, 27%) |
|
|
| 900 | oklch(0.349 0.047 208.09) | #174147 | hsl(188, 51%, 18%) |
|
|
| 950 | oklch(0.243 0.030 206.27) | #0c2427 | hsl(187, 53%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.024 193.57) | #daf1f0 | hsl(177, 45%, 90%) |
|
|
| 100 | oklch(0.912 0.036 192.19) | #c8eae8 | hsl(176, 45%, 85%) |
|
|
| 200 | oklch(0.883 0.048 193.03) | #b5e3e1 | hsl(177, 45%, 80%) |
|
|
| 300 | oklch(0.855 0.058 192.05) | #a3dcd9 | hsl(177, 45%, 75%) |
|
|
| 400 | oklch(0.826 0.069 192.44) | #90d5d2 | hsl(177, 45%, 70%) |
|
|
| 500 | oklch(0.799 0.079 191.60) | #7ececa | hsl(177, 45%, 65%) |
|
|
| 600 | oklch(0.741 0.098 190.20) | #55bfb9 | hsl(177, 45%, 54%) |
|
|
| 700 | oklch(0.644 0.091 190.45) | #3c9f9a | hsl(177, 45%, 43%) |
|
|
| 800 | oklch(0.520 0.072 191.41) | #2d7673 | hsl(178, 45%, 32%) |
|
|
| 900 | oklch(0.390 0.052 189.66) | #1e4e4b | hsl(176, 44%, 21%) |
|
|
| 950 | oklch(0.246 0.029 191.70) | #0e2524 | hsl(177, 45%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.027 188.00) | #d9f2ef | hsl(173, 49%, 90%) |
|
|
| 100 | oklch(0.925 0.034 187.43) | #ceeeea | hsl(173, 48%, 87%) |
|
|
| 200 | oklch(0.907 0.042 187.17) | #c2eae5 | hsl(173, 49%, 84%) |
|
|
| 300 | oklch(0.890 0.049 186.75) | #b7e6e0 | hsl(172, 48%, 81%) |
|
|
| 400 | oklch(0.873 0.057 186.50) | #abe2db | hsl(172, 49%, 78%) |
|
|
| 500 | oklch(0.856 0.064 186.11) | #a0ded6 | hsl(172, 48%, 75%) |
|
|
| 600 | oklch(0.787 0.092 184.84) | #6fcdc1 | hsl(172, 48%, 62%) |
|
|
| 700 | oklch(0.715 0.108 183.49) | #40b9aa | hsl(173, 49%, 49%) |
|
|
| 800 | oklch(0.571 0.085 183.67) | #2f887d | hsl(173, 49%, 36%) |
|
|
| 900 | oklch(0.417 0.060 184.02) | #1e5750 | hsl(173, 49%, 23%) |
|
|
| 950 | oklch(0.248 0.032 185.02) | #0d2623 | hsl(173, 49%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.029 185.94) | #d8f3ef | hsl(171, 53%, 90%) |
|
|
| 100 | oklch(0.937 0.030 188.83) | #d5f1ee | hsl(174, 50%, 89%) |
|
|
| 200 | oklch(0.932 0.033 187.17) | #d1f0ec | hsl(172, 51%, 88%) |
|
|
| 300 | oklch(0.927 0.035 187.67) | #ceefeb | hsl(173, 51%, 87%) |
|
|
| 400 | oklch(0.922 0.038 186.31) | #caeee9 | hsl(172, 51%, 86%) |
|
|
| 500 | oklch(0.918 0.040 186.77) | #c7ede8 | hsl(172, 51%, 85%) |
|
|
| 600 | oklch(0.835 0.078 185.49) | #8ddad0 | hsl(172, 51%, 70%) |
|
|
| 700 | oklch(0.762 0.108 183.04) | #52c8b8 | hsl(172, 52%, 55%) |
|
|
| 800 | oklch(0.627 0.097 182.52) | #329b8d | hsl(172, 51%, 40%) |
|
|
| 900 | oklch(0.449 0.067 182.53) | #1f6158 | hsl(172, 52%, 25%) |
|
|
| 950 | oklch(0.250 0.034 182.41) | #0c2723 | hsl(171, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
