Refreshing Seaside Color Palette
A refreshing blend of serene teal and vibrant turquoise dances with deep lavender and rich plum, evoking a tranquil yet bold seaside retreat infused with artistic flair.
Practical uses and creative applications
The Refreshing Seaside Color Palette features a harmonious blend of tranquil hues, including soft aqua tones and deep sea-inspired shades. With colors like #88D9D0, #5FCFC3, and #37C6B6, this palette is perfect for evoking a serene coastal atmosphere in any project.
Ideal for branding, web design, and packaging, it resonates with businesses in the wellness, travel, and eco-friendly sectors. This color combination not only enhances visual appeal but also communicates a sense of calm and reliability that can attract customers looking for refreshing experiences.
Whether you’re a designer crafting a new identity for a beachfront café or a creative working on a holistic wellness website, the Refreshing Seaside Color Palette suits a variety of styles and moods. The inclusion of #787EC2 and #552B5B adds depth, making it versatile enough for interiors that seek to embrace a coastal vibe or a contemporary twist.
This palette is especially appealing to creatives who wish to inspire tranquility and positivity in their designs, ensuring that their audience feels the uplifting 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.
| 50 | oklch(0.944 0.029 188.58) | #d8f3f0 | hsl(173, 53%, 90%) |
|
|
| 100 | oklch(0.921 0.040 186.78) | #c8eee9 | hsl(172, 53%, 86%) |
|
|
| 200 | oklch(0.896 0.050 188.46) | #b8e8e3 | hsl(174, 51%, 82%) |
|
|
| 300 | oklch(0.874 0.061 188.30) | #a8e3dd | hsl(174, 51%, 77%) |
|
|
| 400 | oklch(0.852 0.071 186.96) | #98ded6 | hsl(173, 51%, 73%) |
|
|
| 500 | oklch(0.831 0.081 186.80) | #88d9d0 | hsl(173, 52%, 69%) |
|
|
| 600 | oklch(0.771 0.104 185.78) | #5acabe | hsl(174, 51%, 57%) |
|
|
| 700 | oklch(0.688 0.106 184.68) | #38b0a3 | hsl(174, 52%, 45%) |
|
|
| 800 | oklch(0.552 0.083 184.39) | #2a8278 | hsl(173, 51%, 34%) |
|
|
| 900 | oklch(0.407 0.059 185.41) | #1b544e | hsl(174, 51%, 22%) |
|
|
| 950 | oklch(0.251 0.033 185.52) | #0c2724 | hsl(173, 53%, 10%) |
|
| 50 | oklch(0.944 0.029 188.58) | #d8f3f0 | hsl(173, 53%, 90%) |
|
|
| 100 | oklch(0.911 0.046 187.90) | #c0ece7 | hsl(173, 54%, 84%) |
|
|
| 200 | oklch(0.878 0.063 187.38) | #a7e5de | hsl(173, 54%, 78%) |
|
|
| 300 | oklch(0.845 0.078 187.61) | #8fddd5 | hsl(174, 53%, 71%) |
|
|
| 400 | oklch(0.815 0.092 186.76) | #77d6cc | hsl(174, 54%, 65%) |
|
|
| 500 | oklch(0.786 0.104 185.88) | #5fcfc3 | hsl(174, 54%, 59%) |
|
|
| 600 | oklch(0.739 0.116 184.29) | #3ac2b3 | hsl(173, 54%, 49%) |
|
|
| 700 | oklch(0.626 0.097 184.36) | #2f9b8f | hsl(173, 53%, 40%) |
|
|
| 800 | oklch(0.509 0.077 185.64) | #23746c | hsl(174, 54%, 30%) |
|
|
| 900 | oklch(0.387 0.057 184.92) | #174e48 | hsl(173, 54%, 20%) |
|
|
| 950 | oklch(0.251 0.033 185.52) | #0c2724 | hsl(173, 53%, 10%) |
|
| 50 | oklch(0.945 0.030 189.08) | #d7f4f1 | hsl(174, 57%, 90%) |
|
|
| 100 | oklch(0.902 0.054 187.53) | #b7ebe5 | hsl(173, 57%, 82%) |
|
|
| 200 | oklch(0.862 0.075 187.43) | #97e2da | hsl(174, 56%, 74%) |
|
|
| 300 | oklch(0.822 0.095 186.19) | #76d9ce | hsl(173, 57%, 66%) |
|
|
| 400 | oklch(0.785 0.111 184.86) | #56d0c2 | hsl(173, 56%, 58%) |
|
|
| 500 | oklch(0.749 0.120 183.94) | #37c6b6 | hsl(173, 57%, 50%) |
|
|
| 600 | oklch(0.658 0.104 184.35) | #2ea699 | hsl(174, 57%, 42%) |
|
|
| 700 | oklch(0.566 0.089 184.07) | #25877c | hsl(173, 57%, 34%) |
|
|
| 800 | oklch(0.467 0.072 184.69) | #1d675f | hsl(174, 56%, 26%) |
|
|
| 900 | oklch(0.366 0.055 184.29) | #144842 | hsl(173, 57%, 18%) |
|
|
| 950 | oklch(0.254 0.035 185.95) | #0b2825 | hsl(174, 57%, 10%) |
|
| 50 | oklch(0.902 0.024 283.36) | #dcddef | hsl(237, 37%, 90%) |
|
|
| 100 | oklch(0.846 0.039 282.29) | #c8cae6 | hsl(236, 38%, 84%) |
|
|
| 200 | oklch(0.790 0.054 281.53) | #b4b7dd | hsl(236, 38%, 79%) |
|
|
| 300 | oklch(0.733 0.069 280.81) | #a0a4d4 | hsl(235, 38%, 73%) |
|
|
| 400 | oklch(0.675 0.086 280.02) | #8c91cb | hsl(235, 38%, 67%) |
|
|
| 500 | oklch(0.616 0.103 279.07) | #787ec2 | hsl(235, 38%, 62%) |
|
|
| 600 | oklch(0.510 0.136 276.97) | #545bb2 | hsl(236, 38%, 51%) |
|
|
| 700 | oklch(0.432 0.119 276.68) | #414790 | hsl(235, 38%, 41%) |
|
|
| 800 | oklch(0.356 0.094 277.36) | #31356c | hsl(236, 38%, 31%) |
|
|
| 900 | oklch(0.274 0.066 277.50) | #202347 | hsl(235, 38%, 20%) |
|
|
| 950 | oklch(0.187 0.036 279.84) | #101123 | hsl(237, 37%, 10%) |
|
| 50 | oklch(0.913 0.031 320.88) | #ecdcef | hsl(291, 37%, 90%) |
|
|
| 100 | oklch(0.803 0.071 322.32) | #d5b0da | hsl(293, 36%, 77%) |
|
|
| 200 | oklch(0.692 0.112 322.37) | #bd84c5 | hsl(293, 36%, 65%) |
|
|
| 300 | oklch(0.585 0.153 322.47) | #a558b0 | hsl(293, 36%, 52%) |
|
|
| 400 | oklch(0.478 0.129 322.41) | #7e4087 | hsl(292, 36%, 39%) |
|
|
| 500 | oklch(0.365 0.094 322.47) | #552b5b | hsl(293, 36%, 26%) |
|
|
| 600 | oklch(0.335 0.084 321.73) | #4a2650 | hsl(291, 36%, 23%) |
|
|
| 700 | oklch(0.303 0.075 323.01) | #402044 | hsl(293, 36%, 20%) |
|
|
| 800 | oklch(0.272 0.064 322.11) | #351b39 | hsl(292, 36%, 16%) |
|
|
| 900 | oklch(0.241 0.053 322.41) | #2b162e | hsl(293, 35%, 13%) |
|
|
| 950 | oklch(0.205 0.043 321.11) | #201023 | hsl(291, 37%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
