Twilight Underwater Color Palette
A deep, moody twilight palette blends rich indigo and velvety black with soothing teal and vibrant aqua, evoking a serene yet mysterious underwater world.
Practical uses and creative applications
The Twilight Underwater Color Palette seamlessly blends deep, mysterious hues with vibrant aquatic tones, making it an ideal choice for brands that wish to evoke feelings of tranquility and depth. Comprising rich shades like #160d18, #23145b, #09456c, #026f6e, and #1ca39e, this palette can be effectively utilized in branding and web design for companies in the wellness, aquatic, and environmental sectors.
Designers can leverage these colors to create visually striking logos or websites that resonate with audiences seeking serenity and connection to nature. This palette is particularly well-suited for creatives looking to infuse their projects with a modern, sophisticated vibe.
Whether you're designing packaging for eco-friendly products or crafting interior spaces that evoke a sense of calm, the Twilight Underwater palette offers a versatile range of colors that inspire creativity. Ideal for graphic designers, interior decorators, and branding strategists, this color scheme can help transform any project into a stunning visual experience that captures the essence of the underwater world.
Embrace the mood of the deep blue sea and watch as your designs come to life with elegance and depth.
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.915 0.024 319.45) | #eadeed | hsl(288, 29%, 90%) |
|
|
| 100 | oklch(0.770 0.067 320.36) | #c8a7cf | hsl(290, 29%, 73%) |
|
|
| 200 | oklch(0.625 0.114 320.16) | #a670b2 | hsl(289, 30%, 57%) |
|
|
| 300 | oklch(0.484 0.110 320.20) | #7a4885 | hsl(289, 30%, 40%) |
|
|
| 400 | oklch(0.341 0.071 319.64) | #482b4f | hsl(288, 30%, 24%) |
|
|
| 500 | oklch(0.177 0.026 320.15) | #160d18 | hsl(289, 30%, 7%) |
|
|
| 600 | oklch(0.183 0.028 320.73) | #180e1a | hsl(290, 30%, 8%) |
|
|
| 700 | oklch(0.188 0.030 318.24) | #190f1c | hsl(286, 30%, 8%) |
|
|
| 800 | oklch(0.194 0.030 321.22) | #1b101d | hsl(291, 29%, 9%) |
|
|
| 900 | oklch(0.200 0.033 321.64) | #1d111f | hsl(291, 29%, 9%) |
|
|
| 950 | oklch(0.205 0.034 319.45) | #1e1221 | hsl(288, 29%, 10%) |
|
dsfds
| 50 | oklch(0.889 0.045 295.18) | #dcd5f6 | hsl(253, 65%, 90%) |
|
|
| 100 | oklch(0.736 0.111 293.02) | #ac9ce9 | hsl(252, 64%, 76%) |
|
|
| 200 | oklch(0.586 0.179 289.54) | #7d63dd | hsl(253, 64%, 63%) |
|
|
| 300 | oklch(0.455 0.226 282.39) | #4f2dcd | hsl(253, 64%, 49%) |
|
|
| 400 | oklch(0.364 0.174 283.06) | #392194 | hsl(253, 64%, 35%) |
|
|
| 500 | oklch(0.265 0.119 284.58) | #23145b | hsl(253, 64%, 22%) |
|
|
| 600 | oklch(0.247 0.108 284.79) | #1f1251 | hsl(252, 64%, 19%) |
|
|
| 700 | oklch(0.229 0.097 285.02) | #1b1047 | hsl(252, 63%, 17%) |
|
|
| 800 | oklch(0.212 0.085 286.45) | #180e3d | hsl(253, 63%, 15%) |
|
|
| 900 | oklch(0.193 0.076 287.02) | #140b34 | hsl(253, 65%, 12%) |
|
|
| 950 | oklch(0.174 0.064 287.62) | #10092a | hsl(253, 65%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.036 236.49) | #d0eafb | hsl(204, 84%, 90%) |
|
|
| 100 | oklch(0.824 0.084 237.87) | #91cef6 | hsl(204, 85%, 77%) |
|
|
| 200 | oklch(0.732 0.128 240.51) | #52b2f1 | hsl(204, 85%, 63%) |
|
|
| 300 | oklch(0.651 0.161 245.46) | #1496ea | hsl(204, 84%, 50%) |
|
|
| 400 | oklch(0.517 0.126 245.28) | #0e6dab | hsl(204, 85%, 36%) |
|
|
| 500 | oklch(0.376 0.087 244.15) | #09456c | hsl(204, 85%, 23%) |
|
|
| 600 | oklch(0.347 0.080 244.21) | #083d60 | hsl(204, 85%, 20%) |
|
|
| 700 | oklch(0.317 0.072 244.27) | #073554 | hsl(204, 85%, 18%) |
|
|
| 800 | oklch(0.289 0.062 241.85) | #062e47 | hsl(203, 84%, 15%) |
|
|
| 900 | oklch(0.257 0.054 241.48) | #05263b | hsl(203, 84%, 13%) |
|
|
| 950 | oklch(0.225 0.046 240.91) | #041e2f | hsl(204, 84%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.050 196.36) | #cdfefe | hsl(180, 96%, 90%) |
|
|
| 100 | oklch(0.926 0.106 194.74) | #89fdfc | hsl(179, 97%, 76%) |
|
|
| 200 | oklch(0.903 0.141 193.83) | #45fcfa | hsl(179, 97%, 63%) |
|
|
| 300 | oklch(0.883 0.151 193.72) | #04f7f5 | hsl(180, 97%, 49%) |
|
|
| 400 | oklch(0.694 0.118 193.35) | #03b3b1 | hsl(179, 97%, 36%) |
|
|
| 500 | oklch(0.490 0.083 193.68) | #026f6e | hsl(179, 96%, 22%) |
|
|
| 600 | oklch(0.452 0.077 193.56) | #026362 | hsl(179, 96%, 20%) |
|
|
| 700 | oklch(0.413 0.070 193.42) | #025756 | hsl(179, 96%, 17%) |
|
|
| 800 | oklch(0.371 0.063 194.78) | #014a4a | hsl(180, 97%, 15%) |
|
|
| 900 | oklch(0.330 0.056 194.79) | #013e3e | hsl(180, 97%, 12%) |
|
|
| 950 | oklch(0.287 0.048 194.80) | #013232 | hsl(180, 96%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.038 192.52) | #d3f8f6 | hsl(177, 73%, 90%) |
|
|
| 100 | oklch(0.906 0.073 192.74) | #a6f0ed | hsl(178, 71%, 80%) |
|
|
| 200 | oklch(0.864 0.103 192.34) | #78e8e4 | hsl(178, 71%, 69%) |
|
|
| 300 | oklch(0.828 0.124 191.15) | #4ae0da | hsl(178, 71%, 58%) |
|
|
| 400 | oklch(0.779 0.129 190.42) | #24d1ca | hsl(178, 71%, 48%) |
|
|
| 500 | oklch(0.648 0.107 190.85) | #1ca39e | hsl(178, 71%, 37%) |
|
|
| 600 | oklch(0.577 0.094 191.14) | #188b87 | hsl(178, 71%, 32%) |
|
|
| 700 | oklch(0.504 0.082 191.54) | #147370 | hsl(178, 70%, 26%) |
|
|
| 800 | oklch(0.428 0.068 192.14) | #105b59 | hsl(178, 70%, 21%) |
|
|
| 900 | oklch(0.348 0.054 191.29) | #0c4341 | hsl(178, 70%, 15%) |
|
|
| 950 | oklch(0.267 0.041 189.77) | #072c2a | hsl(177, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
