Vibrant Ocean Color Palette
This vibrant palette of ocean blues and sunlit corals exudes a refreshing, tropical vibe, blending cool serenity with warm, inviting accents for a lively and cheerful aesthetic.
Practical uses and creative applications
Introducing the Vibrant Ocean Color Palette, a stunning collection of colors that evokes the refreshing essence of marine landscapes. Featuring deep oceanic blues like #0081A7 and #00AFB9, paired with soft coastal hues such as #FDFCDC and #FED9B7, this palette is perfect for those looking to bring a lively yet tranquil feel to their projects.
The warm coral touch of #F07167 adds a splash of energy, making it an ideal choice for branding and web design that seeks to capture attention while promoting a sense of calm. This palette is particularly suited for brands in the wellness, travel, and lifestyle sectors, appealing to designers and creatives who want to convey a sense of adventure and relaxation.
Whether you're creating an engaging website or packaging that stands out on the shelf, the Vibrant Ocean Color Palette can help you create a harmonious visual identity that resonates with your audience. Additionally, its refreshing colors make it a fantastic choice for interior design, transforming spaces into serene retreats that inspire creativity and relaxation.
Incorporating the Vibrant Ocean Color Palette into your work will not only elevate your designs but also evoke a mood that encourages exploration and tranquility. Ideal for designers, marketers, and anyone looking to infuse their projects with a splash of vibrancy, this palette will surely make 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.940 0.043 218.36) | #ccf3ff | hsl(194, 100%, 90%) |
|
|
| 100 | oklch(0.880 0.088 218.77) | #92e6ff | hsl(194, 100%, 79%) |
|
|
| 200 | oklch(0.828 0.124 220.71) | #57d9ff | hsl(194, 100%, 67%) |
|
|
| 300 | oklch(0.787 0.145 224.96) | #1dccff | hsl(194, 100%, 56%) |
|
|
| 400 | oklch(0.701 0.137 227.97) | #00aee1 | hsl(194, 100%, 44%) |
|
|
| 500 | oklch(0.563 0.109 227.44) | #0081a7 | hsl(194, 100%, 33%) |
|
|
| 600 | oklch(0.505 0.098 227.27) | #006f90 | hsl(194, 100%, 28%) |
|
|
| 700 | oklch(0.446 0.086 227.05) | #005d79 | hsl(194, 100%, 24%) |
|
|
| 800 | oklch(0.384 0.073 225.62) | #004b61 | hsl(194, 100%, 19%) |
|
|
| 900 | oklch(0.320 0.061 224.83) | #00394a | hsl(194, 100%, 15%) |
|
|
| 950 | oklch(0.253 0.047 223.47) | #002733 | hsl(194, 100%, 10%) |
|
dsfds
| 50 | oklch(0.959 0.049 201.08) | #ccfcff | hsl(184, 100%, 90%) |
|
|
| 100 | oklch(0.923 0.094 200.61) | #95f9ff | hsl(183, 100%, 79%) |
|
|
| 200 | oklch(0.897 0.127 200.71) | #5ef6ff | hsl(183, 100%, 68%) |
|
|
| 300 | oklch(0.880 0.145 201.45) | #28f3ff | hsl(183, 100%, 58%) |
|
|
| 400 | oklch(0.834 0.142 202.18) | #00e3f0 | hsl(183, 100%, 47%) |
|
|
| 500 | oklch(0.686 0.117 202.04) | #00afb9 | hsl(183, 100%, 36%) |
|
|
| 600 | oklch(0.612 0.104 201.47) | #00969e | hsl(183, 100%, 31%) |
|
|
| 700 | oklch(0.534 0.091 201.74) | #007c83 | hsl(183, 100%, 26%) |
|
|
| 800 | oklch(0.455 0.077 202.06) | #006369 | hsl(183, 100%, 21%) |
|
|
| 900 | oklch(0.372 0.063 201.02) | #004a4e | hsl(183, 100%, 15%) |
|
|
| 950 | oklch(0.281 0.048 201.42) | #003033 | hsl(184, 100%, 10%) |
|
dsfds
| 50 | oklch(0.978 0.057 106.33) | #fcfbcf | hsl(59, 88%, 90%) |
|
|
| 100 | oklch(0.978 0.054 106.24) | #fcfbd1 | hsl(59, 88%, 90%) |
|
|
| 200 | oklch(0.980 0.051 104.88) | #fdfbd4 | hsl(57, 91%, 91%) |
|
|
| 300 | oklch(0.982 0.048 105.98) | #fdfcd7 | hsl(58, 90%, 92%) |
|
|
| 400 | oklch(0.983 0.045 105.86) | #fdfcd9 | hsl(58, 90%, 92%) |
|
|
| 500 | oklch(0.984 0.042 105.67) | #fdfcdc | hsl(58, 89%, 93%) |
|
|
| 600 | oklch(0.951 0.128 107.15) | #f8f58c | hsl(58, 89%, 76%) |
|
|
| 700 | oklch(0.925 0.183 107.49) | #f4ee3c | hsl(58, 89%, 60%) |
|
|
| 800 | oklch(0.817 0.174 107.51) | #d0ca0c | hsl(58, 89%, 43%) |
|
|
| 900 | oklch(0.571 0.121 107.38) | #807c07 | hsl(58, 90%, 26%) |
|
|
| 950 | oklch(0.297 0.061 108.26) | #302f03 | hsl(59, 88%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.042 63.80) | #fee4cd | hsl(28, 96%, 90%) |
|
|
| 100 | oklch(0.929 0.046 65.10) | #fee2c8 | hsl(29, 96%, 89%) |
|
|
| 200 | oklch(0.924 0.050 65.19) | #fee0c4 | hsl(29, 97%, 88%) |
|
|
| 300 | oklch(0.920 0.053 65.25) | #fedec0 | hsl(29, 97%, 87%) |
|
|
| 400 | oklch(0.913 0.057 64.45) | #fedbbb | hsl(29, 97%, 86%) |
|
|
| 500 | oklch(0.908 0.061 64.53) | #fed9b7 | hsl(29, 97%, 86%) |
|
|
| 600 | oklch(0.819 0.124 62.31) | #fdb16b | hsl(29, 97%, 71%) |
|
|
| 700 | oklch(0.743 0.174 55.65) | #fc891f | hsl(29, 97%, 55%) |
|
|
| 800 | oklch(0.612 0.158 51.44) | #cb6203 | hsl(29, 97%, 40%) |
|
|
| 900 | oklch(0.436 0.109 53.44) | #7e3d02 | hsl(29, 97%, 25%) |
|
|
| 950 | oklch(0.241 0.055 59.70) | #321801 | hsl(28, 96%, 10%) |
|
dsfds
| 50 | oklch(0.901 0.043 23.31) | #fad4d1 | hsl(4, 80%, 90%) |
|
|
| 100 | oklch(0.857 0.065 24.38) | #f8c0bb | hsl(5, 81%, 85%) |
|
|
| 200 | oklch(0.813 0.088 24.35) | #f6aca6 | hsl(5, 82%, 81%) |
|
|
| 300 | oklch(0.772 0.112 24.67) | #f49891 | hsl(4, 82%, 76%) |
|
|
| 400 | oklch(0.734 0.135 25.80) | #f2857c | hsl(5, 82%, 72%) |
|
|
| 500 | oklch(0.697 0.159 26.50) | #f07167 | hsl(4, 82%, 67%) |
|
|
| 600 | oklch(0.623 0.210 28.95) | #eb3f32 | hsl(4, 82%, 56%) |
|
|
| 700 | oklch(0.548 0.207 29.86) | #ce2214 | hsl(5, 82%, 44%) |
|
|
| 800 | oklch(0.441 0.164 29.70) | #99190f | hsl(4, 82%, 33%) |
|
|
| 900 | oklch(0.328 0.118 29.28) | #64100a | hsl(4, 82%, 22%) |
|
|
| 950 | oklch(0.204 0.063 29.42) | #2e0805 | hsl(4, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
