Serene Coastal Color Palette
This palette exudes a serene coastal vibe, blending soft sandy yellows and muted greens with deep ocean blues, evoking a tranquil seaside retreat bathed in gentle sunlight.
Practical uses and creative applications
The Serene Coastal Color Palette embodies the tranquil essence of seaside living, featuring soothing hues like soft yellows, muted greens, and deep blues. Ideal for branding and web design, this palette is perfect for businesses in the wellness, hospitality, and coastal tourism industries.
Designers can leverage these colors to create a calming atmosphere that resonates with audiences seeking relaxation and rejuvenation, making it an excellent choice for spa websites, beach resorts, and eco-friendly brands. In addition to digital applications, the Serene Coastal Color Palette works beautifully in packaging and interior design.
When used in product packaging, these colors evoke feelings of freshness and nature, appealing to environmentally conscious consumers. In interiors, this palette can transform spaces into serene havens, ideal for coastal-themed homes or wellness centers.
Whether you're a graphic designer, interior decorator, or creative entrepreneur, this palette provides the perfect backdrop to convey tranquility, sophistication, and a touch of coastal charm.
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.961 0.046 96.51) | #fbf3d0 | hsl(49, 84%, 90%) |
|
|
| 100 | oklch(0.956 0.052 95.28) | #fbf1ca | hsl(48, 86%, 89%) |
|
|
| 200 | oklch(0.952 0.058 96.68) | #faf0c4 | hsl(49, 84%, 87%) |
|
|
| 300 | oklch(0.947 0.063 95.66) | #faeebe | hsl(48, 86%, 86%) |
|
|
| 400 | oklch(0.943 0.069 96.81) | #f9edb8 | hsl(49, 84%, 85%) |
|
|
| 500 | oklch(0.938 0.075 95.94) | #f9ebb2 | hsl(48, 86%, 84%) |
|
|
| 600 | oklch(0.886 0.132 95.63) | #f4d96c | hsl(48, 86%, 69%) |
|
|
| 700 | oklch(0.839 0.164 93.75) | #eec726 | hsl(48, 85%, 54%) |
|
|
| 800 | oklch(0.694 0.139 92.49) | #bb990f | hsl(48, 85%, 40%) |
|
|
| 900 | oklch(0.496 0.098 93.35) | #756009 | hsl(48, 86%, 25%) |
|
|
| 950 | oklch(0.274 0.052 95.97) | #2f2704 | hsl(49, 84%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.015 90.24) | #ede9de | hsl(44, 29%, 90%) |
|
|
| 100 | oklch(0.919 0.018 89.36) | #e9e4d7 | hsl(43, 29%, 88%) |
|
|
| 200 | oklch(0.906 0.022 92.52) | #e5e0d0 | hsl(46, 29%, 86%) |
|
|
| 300 | oklch(0.892 0.024 88.24) | #e2dbca | hsl(43, 29%, 84%) |
|
|
| 400 | oklch(0.879 0.028 90.92) | #ded7c3 | hsl(44, 29%, 82%) |
|
|
| 500 | oklch(0.864 0.031 90.35) | #dad2bc | hsl(44, 29%, 80%) |
|
|
| 600 | oklch(0.769 0.053 89.77) | #c1b38e | hsl(44, 29%, 66%) |
|
|
| 700 | oklch(0.673 0.073 91.10) | #a79561 | hsl(45, 28%, 52%) |
|
|
| 800 | oklch(0.539 0.060 89.71) | #7c6d45 | hsl(44, 28%, 38%) |
|
|
| 900 | oklch(0.394 0.042 89.29) | #4f452b | hsl(43, 30%, 24%) |
|
|
| 950 | oklch(0.232 0.021 90.39) | #211d12 | hsl(44, 29%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.013 152.59) | #e1eae3 | hsl(133, 18%, 90%) |
|
|
| 100 | oklch(0.898 0.019 150.53) | #d5e1d7 | hsl(130, 17%, 86%) |
|
|
| 200 | oklch(0.869 0.026 150.73) | #c8d9cb | hsl(131, 18%, 82%) |
|
|
| 300 | oklch(0.838 0.032 149.74) | #bcd0bf | hsl(129, 18%, 78%) |
|
|
| 400 | oklch(0.808 0.039 151.26) | #afc8b4 | hsl(132, 19%, 74%) |
|
|
| 500 | oklch(0.777 0.044 150.40) | #a3bfa8 | hsl(131, 18%, 69%) |
|
|
| 600 | oklch(0.687 0.063 149.88) | #7fa686 | hsl(131, 18%, 57%) |
|
|
| 700 | oklch(0.590 0.069 149.20) | #608967 | hsl(130, 18%, 46%) |
|
|
| 800 | oklch(0.478 0.055 148.94) | #47664c | hsl(130, 18%, 34%) |
|
|
| 900 | oklch(0.357 0.039 148.72) | #2e4231 | hsl(129, 18%, 22%) |
|
|
| 950 | oklch(0.224 0.019 151.40) | #151e17 | hsl(133, 18%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.016 233.03) | #dce8ef | hsl(202, 37%, 90%) |
|
|
| 100 | oklch(0.853 0.032 233.36) | #bbd3e1 | hsl(202, 39%, 81%) |
|
|
| 200 | oklch(0.781 0.048 236.62) | #9bbdd3 | hsl(204, 39%, 72%) |
|
|
| 300 | oklch(0.709 0.065 236.57) | #7aa8c5 | hsl(203, 39%, 63%) |
|
|
| 400 | oklch(0.638 0.081 237.61) | #5a93b7 | hsl(203, 39%, 54%) |
|
|
| 500 | oklch(0.560 0.078 237.98) | #457b9d | hsl(203, 39%, 44%) |
|
|
| 600 | oklch(0.497 0.069 237.97) | #3a6885 | hsl(203, 39%, 37%) |
|
|
| 700 | oklch(0.432 0.057 237.39) | #30556c | hsl(203, 38%, 31%) |
|
|
| 800 | oklch(0.365 0.047 237.22) | #254254 | hsl(203, 39%, 24%) |
|
|
| 900 | oklch(0.294 0.036 236.95) | #1a2f3c | hsl(203, 40%, 17%) |
|
|
| 950 | oklch(0.219 0.022 234.73) | #101c23 | hsl(202, 37%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.023 258.36) | #d9e3f2 | hsl(216, 49%, 90%) |
|
|
| 100 | oklch(0.795 0.057 256.82) | #a5bee1 | hsl(215, 50%, 76%) |
|
|
| 200 | oklch(0.676 0.093 257.03) | #7299d0 | hsl(215, 50%, 63%) |
|
|
| 300 | oklch(0.558 0.129 257.13) | #3f74be | hsl(215, 50%, 50%) |
|
|
| 400 | oklch(0.445 0.099 257.39) | #2e548a | hsl(215, 50%, 36%) |
|
|
| 500 | oklch(0.328 0.068 257.27) | #1d3557 | hsl(215, 50%, 23%) |
|
|
| 600 | oklch(0.304 0.061 257.40) | #1a2f4d | hsl(215, 50%, 20%) |
|
|
| 700 | oklch(0.280 0.056 258.28) | #172944 | hsl(216, 49%, 18%) |
|
|
| 800 | oklch(0.255 0.049 257.49) | #13233a | hsl(215, 51%, 15%) |
|
|
| 900 | oklch(0.229 0.041 257.79) | #101d30 | hsl(216, 50%, 13%) |
|
|
| 950 | oklch(0.203 0.034 258.28) | #0d1726 | hsl(216, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
