Vibrant Oceanic Color Palette

This vibrant palette exudes a refreshing energy with its oceanic teal, deep royal blue, crisp white, soft mint, and sunny yellow, creating a modern, lively atmosphere that feels both uplifting and serene.

cold summer sea happy light
#04C3D9
#2A0A92
#E2FDF5
#FFFFFF
#FCD036

Practical uses and creative applications

The Vibrant Oceanic Color Palette is a stunning collection of hues that beautifully evokes the essence of the sea. Featuring a refreshing turquoise (#04C3D9), a deep ocean blue (#2A0A92), a soft seafoam green (#E2FDF5), crisp white (#FFFFFF), and a sunny yellow (#FCD036), this palette is perfect for a variety of creative projects.

Whether you’re designing a brand identity that needs to stand out or creating an engaging website, these colors bring a lively and inviting atmosphere. Ideal for designers and creatives looking to capture a sense of adventure and tranquility, the Vibrant Oceanic Color Palette is particularly suited for branding in eco-friendly businesses, travel agencies, or wellness brands.

Its harmonious blend of colors can also enhance packaging designs that aim to communicate freshness and vitality, making it a go-to choice for product labels or promotional materials. Additionally, this palette translates beautifully into interior design, where it can create serene spaces that reflect coastal living or invigorate modern aesthetics with a splash of brightness.

Embrace the ocean's vibrancy through this color palette to inspire your audience and elevate your projects. Whether you’re a graphic designer, web developer, or interior stylist, the Vibrant Oceanic Color Palette offers versatility and energy, making it a perfect choice for your next creative endeavor.

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.953 0.045 204.91) #cdf9fe hsl(186, 96%, 90%)
100 oklch(0.913 0.083 205.25) #9ef3fd hsl(186, 96%, 81%)
200 oklch(0.882 0.114 205.09) #6feefc hsl(186, 96%, 71%)
300 oklch(0.856 0.133 206.44) #41e8fb hsl(186, 96%, 62%)
400 oklch(0.839 0.143 208.47) #12e3fb hsl(186, 97%, 53%)
500 oklch(0.748 0.129 209.10) #04c3d9 hsl(186, 96%, 43%)
600 oklch(0.661 0.114 209.22) #03a5b8 hsl(186, 97%, 37%)
700 oklch(0.571 0.098 208.53) #038796 hsl(186, 96%, 30%)
800 oklch(0.477 0.082 208.56) #026975 hsl(186, 97%, 23%)
900 oklch(0.378 0.064 207.18) #024b53 hsl(186, 95%, 17%)
950 oklch(0.272 0.046 206.54) #012d32 hsl(186, 96%, 10%)

dsfds

50 oklch(0.878 0.062 296.29) #dacffc hsl(255, 88%, 90%)
100 oklch(0.734 0.139 293.10) #ad97f8 hsl(254, 87%, 78%)
200 oklch(0.598 0.214 288.99) #815ef4 hsl(254, 87%, 66%)
300 oklch(0.489 0.269 280.69) #5525f0 hsl(254, 87%, 54%)
400 oklch(0.411 0.247 276.70) #3a0ecb hsl(254, 87%, 43%)
500 oklch(0.326 0.191 277.99) #2a0a92 hsl(254, 87%, 31%)
600 oklch(0.296 0.171 278.44) #24097e hsl(254, 87%, 26%)
700 oklch(0.265 0.151 279.57) #1f076b hsl(254, 88%, 22%)
800 oklch(0.233 0.129 280.50) #190657 hsl(254, 87%, 18%)
900 oklch(0.199 0.106 281.85) #130543 hsl(254, 86%, 14%)
950 oklch(0.165 0.084 285.43) #0e0330 hsl(255, 88%, 10%)

dsfds

50 oklch(0.956 0.049 175.77) #cffcef hsl(163, 88%, 90%)
100 oklch(0.959 0.045 175.68) #d3fcf0 hsl(162, 87%, 91%)
200 oklch(0.962 0.041 175.53) #d7fcf1 hsl(162, 86%, 92%)
300 oklch(0.965 0.037 175.32) #dbfcf2 hsl(162, 85%, 92%)
400 oklch(0.969 0.034 176.21) #defdf4 hsl(163, 89%, 93%)
500 oklch(0.972 0.030 175.97) #e2fdf5 hsl(162, 87%, 94%)
600 oklch(0.906 0.105 172.77) #92f7d9 hsl(162, 86%, 77%)
700 oklch(0.861 0.158 168.28) #42f2be hsl(162, 87%, 60%)
800 oklch(0.760 0.159 164.67) #0ed097 hsl(162, 87%, 44%)
900 oklch(0.533 0.109 165.42) #09805d hsl(162, 87%, 27%)
950 oklch(0.276 0.053 168.44) #033023 hsl(163, 88%, 10%)

dsfds

50 oklch(0.925 0.000 89.88) #e6e6e6 hsl(0, 0%, 90%)
100 oklch(0.940 0.000 89.88) #ebebeb hsl(0, 0%, 92%)
200 oklch(0.955 0.000 89.88) #f0f0f0 hsl(0, 0%, 94%)
300 oklch(0.970 0.000 89.88) #f5f5f5 hsl(0, 0%, 96%)
400 oklch(0.985 0.000 89.88) #fafafa hsl(0, 0%, 98%)
500 oklch(1.000 0.000 89.88) #ffffff hsl(0, 0%, 100%)
600 oklch(0.861 0.000 89.88) #d1d1d1 hsl(0, 0%, 82%)
700 oklch(0.715 0.000 89.88) #a3a3a3 hsl(0, 0%, 64%)
800 oklch(0.562 0.000 89.88) #757575 hsl(0, 0%, 46%)
900 oklch(0.398 0.000 89.88) #474747 hsl(0, 0%, 28%)
950 oklch(0.218 0.000 89.88) #1a1a1a hsl(0, 0%, 10%)

dsfds

50 oklch(0.963 0.051 93.75) #fef3cd hsl(47, 96%, 90%)
100 oklch(0.943 0.080 93.61) #feecaf hsl(46, 98%, 84%)
200 oklch(0.923 0.108 94.16) #fde590 hsl(47, 96%, 78%)
300 oklch(0.905 0.132 93.60) #fdde72 hsl(47, 97%, 72%)
400 oklch(0.887 0.151 93.15) #fcd754 hsl(47, 97%, 66%)
500 oklch(0.872 0.165 91.73) #fcd036 hsl(47, 97%, 60%)
600 oklch(0.846 0.172 88.02) #fbc404 hsl(47, 97%, 50%)
700 oklch(0.717 0.146 88.38) #c99d03 hsl(47, 97%, 40%)
800 oklch(0.582 0.118 88.96) #977602 hsl(47, 97%, 30%)
900 oklch(0.438 0.089 90.05) #654f01 hsl(47, 98%, 20%)
950 oklch(0.277 0.056 92.16) #322701 hsl(47, 96%, 10%)

Related palettes

Discover more palettes with a similar mood and vibe or Browse our collection.

#0EC13E
#96E18C
#537C6D
#E57E4C
#B51B5A
#00608D
#21BF73
#B0EACD
#F9FCFB
#FD5E53
#FFFF70
#DBF226
#9FC031
#005B52
#052941
#00a8c6
#40c0cb
#f9f2e7
#aee239
#8fbe00
#ffab07
#e9d558
#72ad75
#0e8d94
#434d53
#5cacc4
#8cd19d
#cee879
#fcb653
#ff5254
#551bb3
#268fbe
#2cb8b2
#3ddb8f
#a9f04d
#259b9b
#6fbcaa
#b8d6b0
#feedbf
#ff1964
#5b1d99
#0074b4
#00b34c
#ffd41f
#fc6e3d
© 2025 KColor. All rights reserved. 1.11.0