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.
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.