Refreshing Seaside Color Palette
This vibrant palette bursts with a refreshing seaside energy, blending the cool serenity of teal and mint with the sunny optimism of lime and soft cream, creating a lively yet soothing atmosphere perfect for a modern, upbeat aesthetic.
Practical uses and creative applications
The Refreshing Seaside Color Palette is a vibrant and tranquil blend of hues ideal for brands and projects that evoke a sense of calmness and rejuvenation. Featuring a lively turquoise (#00a8c6) and soft aqua (#40c0cb), this palette captures the essence of coastal serenity, making it perfect for web design and branding in the wellness, travel, or hospitality industries.
The subtle cream (#f9f2e7) adds a touch of warmth, ensuring your designs feel inviting and approachable. This color scheme is especially suitable for creatives and designers looking to create spaces that reflect a fresh, airy vibe.
Use the bright greens (#aee239 and #8fbe00) to energize interiors or packaging, offering a splash of nature-inspired vitality that resonates with eco-conscious consumers. Whether you’re crafting a serene spa website, designing a beach resort brochure, or revamping a coastal-themed café, the Refreshing Seaside Color Palette will help your project stand out while conveying a sense of tranquility and rejuvenation.
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.948 0.045 210.15) | #ccf7ff | hsl(189, 100%, 90%) |
|
|
| 100 | oklch(0.903 0.087 210.45) | #98efff | hsl(189, 100%, 80%) |
|
|
| 200 | oklch(0.864 0.119 211.59) | #64e7ff | hsl(189, 100%, 70%) |
|
|
| 300 | oklch(0.836 0.139 213.21) | #2fe0ff | hsl(189, 100%, 59%) |
|
|
| 400 | oklch(0.802 0.143 216.94) | #00d4fa | hsl(189, 100%, 49%) |
|
|
| 500 | oklch(0.674 0.120 216.54) | #00a8c6 | hsl(189, 100%, 39%) |
|
|
| 600 | oklch(0.599 0.107 216.63) | #008fa9 | hsl(189, 100%, 33%) |
|
|
| 700 | oklch(0.521 0.092 215.85) | #00768b | hsl(189, 100%, 27%) |
|
|
| 800 | oklch(0.441 0.078 215.82) | #005d6e | hsl(189, 100%, 22%) |
|
|
| 900 | oklch(0.356 0.063 214.29) | #004450 | hsl(189, 100%, 16%) |
|
|
| 950 | oklch(0.266 0.047 213.54) | #002b33 | hsl(189, 100%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.028 202.11) | #d7f2f4 | hsl(184, 57%, 90%) |
|
|
| 100 | oklch(0.899 0.049 202.76) | #b9e8ec | hsl(185, 57%, 83%) |
|
|
| 200 | oklch(0.858 0.068 203.02) | #9bdee4 | hsl(185, 57%, 75%) |
|
|
| 300 | oklch(0.817 0.085 202.23) | #7cd4db | hsl(184, 57%, 67%) |
|
|
| 400 | oklch(0.779 0.100 202.72) | #5ecad3 | hsl(185, 57%, 60%) |
|
|
| 500 | oklch(0.744 0.110 203.38) | #40c0cb | hsl(185, 57%, 52%) |
|
|
| 600 | oklch(0.666 0.101 203.43) | #30a6b0 | hsl(185, 57%, 44%) |
|
|
| 700 | oklch(0.570 0.086 203.31) | #27868e | hsl(185, 57%, 35%) |
|
|
| 800 | oklch(0.469 0.070 203.05) | #1d666c | hsl(185, 58%, 27%) |
|
|
| 900 | oklch(0.363 0.052 202.70) | #14464a | hsl(184, 57%, 18%) |
|
|
| 950 | oklch(0.249 0.033 201.93) | #0b2628 | hsl(184, 57%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.028 79.47) | #f5e9d6 | hsl(37, 61%, 90%) |
|
|
| 100 | oklch(0.944 0.026 78.92) | #f6ebda | hsl(36, 61%, 91%) |
|
|
| 200 | oklch(0.949 0.023 82.12) | #f6eddd | hsl(38, 58%, 92%) |
|
|
| 300 | oklch(0.952 0.021 79.09) | #f7eee0 | hsl(37, 59%, 92%) |
|
|
| 400 | oklch(0.958 0.018 78.24) | #f8f0e4 | hsl(36, 59%, 93%) |
|
|
| 500 | oklch(0.964 0.016 79.35) | #f9f2e7 | hsl(37, 60%, 94%) |
|
|
| 600 | oklch(0.860 0.064 79.25) | #e8cda2 | hsl(37, 60%, 77%) |
|
|
| 700 | oklch(0.760 0.107 77.34) | #d7a85e | hsl(37, 60%, 61%) |
|
|
| 800 | oklch(0.631 0.115 74.44) | #b27e2d | hsl(37, 60%, 44%) |
|
|
| 900 | oklch(0.447 0.078 76.43) | #6d4e1b | hsl(37, 60%, 27%) |
|
|
| 950 | oklch(0.241 0.036 77.06) | #291d0a | hsl(37, 61%, 10%) |
|
dsfds
| 50 | oklch(0.961 0.050 120.80) | #edf8d3 | hsl(78, 73%, 90%) |
|
|
| 100 | oklch(0.937 0.086 122.15) | #e0f4b4 | hsl(79, 74%, 83%) |
|
|
| 200 | oklch(0.912 0.118 122.37) | #d4ef95 | hsl(78, 74%, 76%) |
|
|
| 300 | oklch(0.890 0.150 123.55) | #c7eb76 | hsl(78, 75%, 69%) |
|
|
| 400 | oklch(0.867 0.174 124.29) | #bbe658 | hsl(78, 74%, 62%) |
|
|
| 500 | oklch(0.847 0.195 125.68) | #aee239 | hsl(78, 74%, 55%) |
|
|
| 600 | oklch(0.785 0.194 126.72) | #98ce1e | hsl(78, 75%, 46%) |
|
|
| 700 | oklch(0.669 0.165 126.72) | #7aa618 | hsl(79, 75%, 37%) |
|
|
| 800 | oklch(0.545 0.132 126.43) | #5c7d12 | hsl(79, 75%, 28%) |
|
|
| 900 | oklch(0.417 0.098 125.76) | #3f550c | hsl(78, 75%, 19%) |
|
|
| 950 | oklch(0.274 0.059 124.50) | #212c07 | hsl(78, 73%, 10%) |
|
dsfds
| 50 | oklch(0.978 0.067 119.27) | #f2ffcc | hsl(75, 100%, 90%) |
|
|
| 100 | oklch(0.958 0.133 120.34) | #e5ff96 | hsl(75, 100%, 79%) |
|
|
| 200 | oklch(0.943 0.187 121.81) | #d8ff60 | hsl(75, 100%, 69%) |
|
|
| 300 | oklch(0.930 0.221 123.93) | #caff2b | hsl(75, 100%, 58%) |
|
|
| 400 | oklch(0.892 0.227 125.81) | #b7f400 | hsl(75, 100%, 48%) |
|
|
| 500 | oklch(0.740 0.187 125.47) | #8fbe00 | hsl(75, 100%, 37%) |
|
|
| 600 | oklch(0.658 0.166 125.29) | #7aa200 | hsl(75, 100%, 32%) |
|
|
| 700 | oklch(0.574 0.144 125.05) | #658600 | hsl(75, 100%, 26%) |
|
|
| 800 | oklch(0.488 0.123 125.06) | #506b00 | hsl(75, 100%, 21%) |
|
|
| 900 | oklch(0.396 0.099 124.59) | #3b4f00 | hsl(75, 100%, 15%) |
|
|
| 950 | oklch(0.298 0.074 123.71) | #263300 | hsl(75, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
