Vibrant Ocean Fuchsia Color Palette
This vibrant palette blends deep ocean blues with a striking fuchsia, evoking a bold yet playful energy reminiscent of a lively summer sunset.
Practical uses and creative applications
The Vibrant Ocean Fuchsia Color Palette is a striking combination that infuses energy and creativity into any project. With deep blues like #143575 and #00419A, complemented by the lively hues of #1455B3, #F4569B, and the soft pink #FECBEA, this palette is ideal for designers seeking to evoke feelings of excitement and tranquility simultaneously.
Whether used in branding for a coastal resort or in web design for a trendy lifestyle blog, this palette captures attention and creates a memorable visual experience. This color palette is particularly suited for creatives in the fashion, beauty, and wellness industries.
Its vibrant tones can elevate packaging design, making products stand out on the shelf, while the soothing blues are perfect for interiors that aim to create a serene yet stimulating atmosphere. Designers can leverage the Vibrant Ocean Fuchsia Color Palette to craft engaging marketing materials, social media graphics, or even event decor that resonates with audiences looking for modern sophistication infused with a playful touch.
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.904 0.036 262.82) | #d3e0f8 | hsl(219, 73%, 90%) |
|
|
| 100 | oklch(0.781 0.083 263.26) | #9cb8ee | hsl(220, 71%, 77%) |
|
|
| 200 | oklch(0.662 0.135 262.36) | #6591e5 | hsl(219, 71%, 65%) |
|
|
| 300 | oklch(0.548 0.186 261.82) | #2e69db | hsl(220, 71%, 52%) |
|
|
| 400 | oklch(0.450 0.160 261.73) | #1d4eac | hsl(219, 71%, 39%) |
|
|
| 500 | oklch(0.346 0.117 261.86) | #143575 | hsl(220, 71%, 27%) |
|
|
| 600 | oklch(0.316 0.105 261.83) | #112e66 | hsl(220, 71%, 23%) |
|
|
| 700 | oklch(0.289 0.092 261.80) | #0f2858 | hsl(219, 71%, 20%) |
|
|
| 800 | oklch(0.257 0.079 261.73) | #0c2149 | hsl(219, 72%, 17%) |
|
|
| 900 | oklch(0.225 0.066 262.42) | #0a1a3a | hsl(220, 71%, 13%) |
|
|
| 950 | oklch(0.195 0.052 261.15) | #07142c | hsl(219, 73%, 10%) |
|
| 50 | oklch(0.906 0.046 255.36) | #cce2ff | hsl(214, 100%, 90%) |
|
|
| 100 | oklch(0.793 0.106 256.62) | #8fbeff | hsl(215, 100%, 78%) |
|
|
| 200 | oklch(0.689 0.165 256.87) | #529bff | hsl(215, 100%, 66%) |
|
|
| 300 | oklch(0.601 0.218 258.77) | #1578ff | hsl(215, 100%, 54%) |
|
|
| 400 | oklch(0.508 0.204 259.74) | #005bd7 | hsl(215, 100%, 42%) |
|
|
| 500 | oklch(0.401 0.157 259.22) | #00419a | hsl(215, 100%, 30%) |
|
|
| 600 | oklch(0.362 0.140 258.94) | #003885 | hsl(215, 100%, 26%) |
|
|
| 700 | oklch(0.326 0.122 258.35) | #003071 | hsl(215, 100%, 22%) |
|
|
| 800 | oklch(0.285 0.104 257.73) | #00275c | hsl(215, 100%, 18%) |
|
|
| 900 | oklch(0.243 0.087 257.07) | #001e48 | hsl(215, 100%, 14%) |
|
|
| 950 | oklch(0.202 0.065 254.35) | #001633 | hsl(214, 100%, 10%) |
|
| 50 | oklch(0.908 0.038 256.97) | #d1e2fa | hsl(215, 80%, 90%) |
|
|
| 100 | oklch(0.813 0.079 257.48) | #a2c4f5 | hsl(215, 81%, 80%) |
|
|
| 200 | oklch(0.720 0.120 257.75) | #74a6ef | hsl(216, 79%, 70%) |
|
|
| 300 | oklch(0.631 0.163 258.05) | #4588ea | hsl(216, 80%, 59%) |
|
|
| 400 | oklch(0.552 0.197 259.09) | #196be2 | hsl(216, 80%, 49%) |
|
|
| 500 | oklch(0.468 0.163 258.90) | #1455b3 | hsl(215, 80%, 39%) |
|
|
| 600 | oklch(0.417 0.143 258.86) | #114898 | hsl(216, 80%, 33%) |
|
|
| 700 | oklch(0.368 0.122 258.57) | #0e3c7e | hsl(215, 80%, 27%) |
|
|
| 800 | oklch(0.314 0.101 258.47) | #0b2f63 | hsl(215, 80%, 22%) |
|
|
| 900 | oklch(0.257 0.078 258.33) | #082248 | hsl(216, 80%, 16%) |
|
|
| 950 | oklch(0.201 0.054 256.69) | #05162e | hsl(215, 80%, 10%) |
|
| 50 | oklch(0.899 0.057 349.78) | #fccfe3 | hsl(333, 88%, 90%) |
|
|
| 100 | oklch(0.849 0.085 351.39) | #fab7d4 | hsl(334, 87%, 85%) |
|
|
| 200 | oklch(0.804 0.116 352.49) | #f99fc6 | hsl(334, 88%, 80%) |
|
|
| 300 | oklch(0.758 0.148 353.28) | #f786b8 | hsl(333, 88%, 75%) |
|
|
| 400 | oklch(0.718 0.177 355.31) | #f66ea9 | hsl(334, 88%, 70%) |
|
|
| 500 | oklch(0.683 0.202 356.92) | #f4569b | hsl(334, 88%, 65%) |
|
|
| 600 | oklch(0.629 0.239 2.53) | #f1227c | hsl(334, 88%, 54%) |
|
|
| 700 | oklch(0.549 0.216 4.70) | #cd0d61 | hsl(334, 88%, 43%) |
|
|
| 800 | oklch(0.444 0.173 4.21) | #990a48 | hsl(334, 88%, 32%) |
|
|
| 900 | oklch(0.329 0.126 2.96) | #64072f | hsl(334, 87%, 21%) |
|
|
| 950 | oklch(0.206 0.076 358.39) | #300317 | hsl(333, 88%, 10%) |
|
| 50 | oklch(0.899 0.067 341.26) | #fecdeb | hsl(323, 96%, 90%) |
|
|
| 100 | oklch(0.899 0.067 341.26) | #fecdeb | hsl(323, 96%, 90%) |
|
|
| 200 | oklch(0.897 0.068 341.88) | #feccea | hsl(324, 96%, 90%) |
|
|
| 300 | oklch(0.897 0.068 341.88) | #feccea | hsl(324, 96%, 90%) |
|
|
| 400 | oklch(0.896 0.070 341.54) | #fecbea | hsl(324, 96%, 90%) |
|
|
| 500 | oklch(0.896 0.070 341.54) | #fecbea | hsl(324, 96%, 90%) |
|
|
| 600 | oklch(0.755 0.180 344.61) | #fc7bca | hsl(323, 96%, 74%) |
|
|
| 700 | oklch(0.666 0.256 349.81) | #fb2caa | hsl(323, 96%, 58%) |
|
|
| 800 | oklch(0.565 0.232 353.18) | #d10481 | hsl(323, 96%, 42%) |
|
|
| 900 | oklch(0.399 0.164 352.28) | #820250 | hsl(323, 97%, 26%) |
|
|
| 950 | oklch(0.211 0.086 348.53) | #32011f | hsl(323, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
