Vibrant Ocean Sunset Color Palette
This vibrant palette blends deep ocean blues and muted purples with bold, fiery pinks and warm oranges, creating an energetic yet sophisticated vibe that balances calm sophistication with playful exuberance.
Practical uses and creative applications
The Vibrant Ocean Sunset Color Palette captures the breathtaking hues of a sunset reflecting off the ocean, making it an ideal choice for creatives seeking to evoke feelings of warmth, energy, and tranquility. This palette features deep blues and purples complemented by vivid pinks, oranges, and yellows, perfect for branding projects that aim to communicate a sense of adventure or relaxation.
Whether you’re designing a fresh new logo, crafting packaging for a coastal-inspired product, or developing an online presence for a beachside café, these colors will help you create a memorable visual identity. This color palette suits a variety of styles, from modern and minimalistic to bohemian and eclectic, making it versatile for different applications.
Interior designers can use it to infuse spaces with vibrancy and comfort, while web designers will find it effective for creating engaging, user-friendly interfaces. Ideal for brands targeting lifestyle enthusiasts, travel lovers, or creative communities, the Vibrant Ocean Sunset Color Palette will resonate with audiences looking for inspiration and a connection to nature.
Embrace this palette to elevate your design projects and leave a lasting impression!.
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.932 0.042 227.18) | #ccefff | hsl(199, 100%, 90%) |
|
|
| 100 | oklch(0.842 0.099 229.17) | #83d8ff | hsl(199, 100%, 76%) |
|
|
| 200 | oklch(0.766 0.143 233.43) | #39c1ff | hsl(199, 100%, 61%) |
|
|
| 300 | oklch(0.685 0.156 239.64) | #00a4ef | hsl(199, 100%, 47%) |
|
|
| 400 | oklch(0.522 0.117 238.88) | #0071a5 | hsl(199, 100%, 32%) |
|
|
| 500 | oklch(0.348 0.076 236.65) | #003f5c | hsl(199, 100%, 18%) |
|
|
| 600 | oklch(0.326 0.071 236.91) | #003954 | hsl(199, 100%, 16%) |
|
|
| 700 | oklch(0.307 0.066 235.71) | #00344c | hsl(199, 100%, 15%) |
|
|
| 800 | oklch(0.284 0.060 234.68) | #002e43 | hsl(199, 100%, 13%) |
|
|
| 900 | oklch(0.264 0.055 232.89) | #00293b | hsl(198, 100%, 12%) |
|
|
| 950 | oklch(0.241 0.050 232.82) | #002333 | hsl(199, 100%, 10%) |
|
dsfds
| 50 | oklch(0.907 0.020 292.12) | #e0deed | hsl(248, 29%, 90%) |
|
|
| 100 | oklch(0.820 0.038 292.34) | #c4c0db | hsl(249, 27%, 81%) |
|
|
| 200 | oklch(0.730 0.058 290.63) | #a7a2ca | hsl(248, 27%, 71%) |
|
|
| 300 | oklch(0.637 0.080 289.85) | #8a83b9 | hsl(248, 28%, 62%) |
|
|
| 400 | oklch(0.544 0.103 288.65) | #6e65a8 | hsl(248, 28%, 53%) |
|
|
| 500 | oklch(0.467 0.097 288.06) | #58508d | hsl(248, 28%, 43%) |
|
|
| 600 | oklch(0.417 0.084 287.59) | #4a4477 | hsl(247, 27%, 37%) |
|
|
| 700 | oklch(0.364 0.073 288.64) | #3d3762 | hsl(248, 28%, 30%) |
|
|
| 800 | oklch(0.310 0.058 288.05) | #2f2b4c | hsl(247, 28%, 23%) |
|
|
| 900 | oklch(0.254 0.043 288.95) | #221f36 | hsl(248, 27%, 17%) |
|
|
| 950 | oklch(0.193 0.030 289.38) | #141221 | hsl(248, 29%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.025 323.78) | #ecdeed | hsl(296, 29%, 90%) |
|
|
| 100 | oklch(0.838 0.048 323.77) | #dac0dc | hsl(296, 29%, 81%) |
|
|
| 200 | oklch(0.760 0.071 323.89) | #c8a2cb | hsl(296, 28%, 72%) |
|
|
| 300 | oklch(0.679 0.098 324.12) | #b683ba | hsl(296, 28%, 62%) |
|
|
| 400 | oklch(0.600 0.123 324.33) | #a465a9 | hsl(296, 28%, 53%) |
|
|
| 500 | oklch(0.522 0.116 324.18) | #8a508f | hsl(295, 28%, 44%) |
|
|
| 600 | oklch(0.465 0.101 324.30) | #754479 | hsl(295, 28%, 37%) |
|
|
| 700 | oklch(0.403 0.087 323.71) | #5f3763 | hsl(295, 29%, 30%) |
|
|
| 800 | oklch(0.342 0.070 323.78) | #4a2b4d | hsl(295, 28%, 24%) |
|
|
| 900 | oklch(0.278 0.052 323.91) | #351f37 | hsl(295, 28%, 17%) |
|
|
| 950 | oklch(0.208 0.036 324.45) | #201221 | hsl(296, 29%, 10%) |
|
dsfds
| 50 | oklch(0.911 0.031 340.58) | #f1dae8 | hsl(323, 45%, 90%) |
|
|
| 100 | oklch(0.843 0.055 341.66) | #e6bed6 | hsl(324, 44%, 82%) |
|
|
| 200 | oklch(0.779 0.080 342.61) | #dca3c5 | hsl(324, 45%, 75%) |
|
|
| 300 | oklch(0.713 0.106 343.66) | #d187b3 | hsl(324, 45%, 67%) |
|
|
| 400 | oklch(0.651 0.132 344.86) | #c76ca2 | hsl(324, 45%, 60%) |
|
|
| 500 | oklch(0.590 0.157 346.36) | #bc5090 | hsl(324, 45%, 53%) |
|
|
| 600 | oklch(0.520 0.148 346.46) | #a23e7a | hsl(324, 45%, 44%) |
|
|
| 700 | oklch(0.447 0.125 346.72) | #833262 | hsl(324, 45%, 35%) |
|
|
| 800 | oklch(0.372 0.101 346.27) | #64264b | hsl(324, 45%, 27%) |
|
|
| 900 | oklch(0.290 0.073 345.90) | #441a33 | hsl(324, 45%, 18%) |
|
|
| 950 | oklch(0.205 0.045 344.36) | #250e1c | hsl(323, 45%, 10%) |
|
dsfds
| 50 | oklch(0.903 0.039 3.94) | #f7d5dc | hsl(348, 68%, 90%) |
|
|
| 100 | oklch(0.847 0.064 2.53) | #f2bcc9 | hsl(346, 68%, 84%) |
|
|
| 200 | oklch(0.794 0.089 4.01) | #eda4b5 | hsl(346, 67%, 79%) |
|
|
| 300 | oklch(0.740 0.116 5.01) | #e88ba1 | hsl(346, 67%, 73%) |
|
|
| 400 | oklch(0.691 0.141 6.77) | #e3738d | hsl(346, 67%, 67%) |
|
|
| 500 | oklch(0.645 0.166 8.56) | #de5a79 | hsl(346, 67%, 61%) |
|
|
| 600 | oklch(0.578 0.200 13.38) | #d52f56 | hsl(346, 66%, 51%) |
|
|
| 700 | oklch(0.494 0.173 13.81) | #ad2343 | hsl(346, 66%, 41%) |
|
|
| 800 | oklch(0.403 0.138 13.35) | #821a32 | hsl(346, 67%, 31%) |
|
|
| 900 | oklch(0.305 0.100 12.25) | #561121 | hsl(346, 67%, 20%) |
|
|
| 950 | oklch(0.203 0.057 11.27) | #2b0910 | hsl(348, 65%, 10%) |
|
dsfds
| 50 | oklch(0.892 0.057 19.61) | #ffcdcc | hsl(1, 100%, 90%) |
|
|
| 100 | oklch(0.848 0.083 19.85) | #ffb8b7 | hsl(1, 100%, 86%) |
|
|
| 200 | oklch(0.805 0.111 20.47) | #ffa2a1 | hsl(1, 100%, 82%) |
|
|
| 300 | oklch(0.767 0.138 21.32) | #ff8d8c | hsl(1, 100%, 77%) |
|
|
| 400 | oklch(0.731 0.165 22.86) | #ff7876 | hsl(1, 100%, 73%) |
|
|
| 500 | oklch(0.700 0.191 24.11) | #ff6361 | hsl(1, 100%, 69%) |
|
|
| 600 | oklch(0.641 0.244 28.15) | #ff2825 | hsl(1, 100%, 57%) |
|
|
| 700 | oklch(0.585 0.239 29.35) | #e80300 | hsl(1, 100%, 45%) |
|
|
| 800 | oklch(0.466 0.190 29.38) | #ab0200 | hsl(1, 100%, 34%) |
|
|
| 900 | oklch(0.341 0.139 29.43) | #6f0100 | hsl(1, 100%, 22%) |
|
|
| 950 | oklch(0.203 0.081 30.16) | #330100 | hsl(1, 100%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.043 57.14) | #ffe1cc | hsl(25, 100%, 90%) |
|
|
| 100 | oklch(0.886 0.071 55.58) | #ffcead | hsl(24, 100%, 84%) |
|
|
| 200 | oklch(0.847 0.098 55.44) | #ffbc8e | hsl(24, 100%, 78%) |
|
|
| 300 | oklch(0.809 0.125 54.73) | #ffaa6f | hsl(25, 100%, 72%) |
|
|
| 400 | oklch(0.773 0.151 52.76) | #ff9750 | hsl(24, 100%, 66%) |
|
|
| 500 | oklch(0.741 0.174 50.51) | #ff8531 | hsl(24, 100%, 60%) |
|
|
| 600 | oklch(0.694 0.202 44.08) | #fd6700 | hsl(24, 100%, 50%) |
|
|
| 700 | oklch(0.591 0.169 44.85) | #cb5300 | hsl(25, 100%, 40%) |
|
|
| 800 | oklch(0.479 0.135 45.82) | #983e00 | hsl(24, 100%, 30%) |
|
|
| 900 | oklch(0.363 0.100 47.36) | #662900 | hsl(24, 100%, 20%) |
|
|
| 950 | oklch(0.236 0.059 54.21) | #331500 | hsl(25, 100%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.047 82.71) | #ffedcc | hsl(39, 100%, 90%) |
|
|
| 100 | oklch(0.916 0.084 82.85) | #ffdfa3 | hsl(39, 100%, 82%) |
|
|
| 200 | oklch(0.883 0.118 82.16) | #ffd17a | hsl(39, 100%, 74%) |
|
|
| 300 | oklch(0.850 0.144 79.67) | #ffc252 | hsl(39, 100%, 66%) |
|
|
| 400 | oklch(0.821 0.162 76.53) | #ffb429 | hsl(39, 100%, 58%) |
|
|
| 500 | oklch(0.794 0.171 71.19) | #ffa600 | hsl(39, 100%, 50%) |
|
|
| 600 | oklch(0.697 0.150 71.46) | #d68b00 | hsl(39, 100%, 42%) |
|
|
| 700 | oklch(0.598 0.128 72.59) | #ad7100 | hsl(39, 100%, 34%) |
|
|
| 800 | oklch(0.493 0.105 72.75) | #855600 | hsl(39, 100%, 26%) |
|
|
| 900 | oklch(0.384 0.081 75.25) | #5c3c00 | hsl(39, 100%, 18%) |
|
|
| 950 | oklch(0.264 0.055 78.74) | #332100 | hsl(39, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
