Dreamy Ocean Color Palette
This palette radiates a dreamy, whimsical vibe with deep ocean blues and soft pastel pinks, evoking a playful yet serene atmosphere perfect for a modern, romantic aesthetic.
Practical uses and creative applications
The Dreamy Ocean Color Palette is a captivating blend of serene blues, soft pinks, and gentle pastels, making it an ideal choice for various creative projects. Composed of rich hues like #2E5880 and #976894, paired with cheerful shades such as #FF78A8, #FFCDE6, and #FFEDF1, this palette evokes the tranquility of ocean waves and the soothing beauty of coastal sunsets.
It’s perfect for branding efforts aiming to convey a sense of calm and sophistication, ideal for businesses in wellness, beauty, or eco-friendly sectors. In web design, the Dreamy Ocean palette can enhance user experiences by providing a visually appealing interface that encourages engagement.
Creatives and designers can leverage these colors for packaging that stands out on shelves or for interior design projects that create inviting and relaxing spaces. Whether you're designing a serene spa website or crafting elegant product packaging, this color palette suits audiences seeking a harmonious aesthetic that resonates with tranquility and inspiration.
Embrace the Dreamy Ocean Color Palette to infuse your projects with a refreshing coastal vibe.
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.919 0.022 245.86) | #d9e6f2 | hsl(209, 49%, 90%) |
|
|
| 100 | oklch(0.827 0.044 246.21) | #b0cae2 | hsl(209, 46%, 79%) |
|
|
| 200 | oklch(0.733 0.070 248.14) | #86add3 | hsl(210, 47%, 68%) |
|
|
| 300 | oklch(0.641 0.096 248.63) | #5c91c4 | hsl(209, 47%, 56%) |
|
|
| 400 | oklch(0.548 0.102 249.02) | #3d75aa | hsl(209, 47%, 45%) |
|
|
| 500 | oklch(0.449 0.081 249.03) | #2e5880 | hsl(209, 47%, 34%) |
|
|
| 600 | oklch(0.406 0.072 248.15) | #274c6e | hsl(209, 48%, 29%) |
|
|
| 700 | oklch(0.359 0.062 249.19) | #213f5c | hsl(209, 47%, 25%) |
|
|
| 800 | oklch(0.313 0.052 247.93) | #1a334a | hsl(209, 48%, 20%) |
|
|
| 900 | oklch(0.262 0.042 249.67) | #142638 | hsl(210, 47%, 15%) |
|
|
| 950 | oklch(0.212 0.030 247.51) | #0d1a26 | hsl(209, 49%, 10%) |
|
| 50 | oklch(0.919 0.015 325.70) | #eae1ea | hsl(300, 18%, 90%) |
|
|
| 100 | oklch(0.854 0.028 329.54) | #dac9d8 | hsl(307, 19%, 82%) |
|
|
| 200 | oklch(0.786 0.042 328.50) | #c9b0c7 | hsl(305, 19%, 74%) |
|
|
| 300 | oklch(0.718 0.056 328.15) | #b898b6 | hsl(304, 18%, 66%) |
|
|
| 400 | oklch(0.651 0.071 328.85) | #a880a5 | hsl(305, 19%, 58%) |
|
|
| 500 | oklch(0.581 0.086 328.80) | #976894 | hsl(304, 18%, 50%) |
|
|
| 600 | oklch(0.513 0.075 329.19) | #7f577c | hsl(305, 19%, 42%) |
|
|
| 700 | oklch(0.444 0.063 328.70) | #674765 | hsl(304, 18%, 34%) |
|
|
| 800 | oklch(0.370 0.051 329.29) | #4f364d | hsl(305, 19%, 26%) |
|
|
| 900 | oklch(0.291 0.037 328.45) | #362535 | hsl(304, 19%, 18%) |
|
|
| 950 | oklch(0.211 0.022 326.33) | #1e151e | hsl(300, 18%, 10%) |
|
| 50 | oklch(0.895 0.062 355.30) | #ffccde | hsl(339, 100%, 90%) |
|
|
| 100 | oklch(0.861 0.084 356.05) | #ffbbd3 | hsl(339, 100%, 87%) |
|
|
| 200 | oklch(0.829 0.106 356.87) | #ffaac8 | hsl(339, 100%, 83%) |
|
|
| 300 | oklch(0.800 0.127 357.51) | #ff9abe | hsl(339, 100%, 80%) |
|
|
| 400 | oklch(0.771 0.149 358.55) | #ff89b3 | hsl(339, 100%, 77%) |
|
|
| 500 | oklch(0.743 0.171 359.70) | #ff78a8 | hsl(339, 100%, 74%) |
|
|
| 600 | oklch(0.665 0.235 5.79) | #ff377e | hsl(339, 100%, 61%) |
|
|
| 700 | oklch(0.617 0.247 13.79) | #f50057 | hsl(339, 100%, 48%) |
|
|
| 800 | oklch(0.492 0.197 13.00) | #b50040 | hsl(339, 100%, 35%) |
|
|
| 900 | oklch(0.357 0.143 11.16) | #740029 | hsl(339, 100%, 23%) |
|
|
| 950 | oklch(0.206 0.083 5.45) | #330012 | hsl(339, 100%, 10%) |
|
| 50 | oklch(0.897 0.066 346.45) | #ffcce6 | hsl(329, 100%, 90%) |
|
|
| 100 | oklch(0.897 0.066 346.45) | #ffcce6 | hsl(329, 100%, 90%) |
|
|
| 200 | oklch(0.897 0.066 346.45) | #ffcce6 | hsl(329, 100%, 90%) |
|
|
| 300 | oklch(0.899 0.065 346.93) | #ffcde6 | hsl(330, 100%, 90%) |
|
|
| 400 | oklch(0.899 0.065 346.93) | #ffcde6 | hsl(330, 100%, 90%) |
|
|
| 500 | oklch(0.899 0.065 346.93) | #ffcde6 | hsl(330, 100%, 90%) |
|
|
| 600 | oklch(0.754 0.175 350.87) | #ff7bbd | hsl(330, 100%, 74%) |
|
|
| 700 | oklch(0.663 0.251 357.44) | #ff2994 | hsl(330, 100%, 58%) |
|
|
| 800 | oklch(0.567 0.229 2.43) | #d7006b | hsl(330, 100%, 42%) |
|
|
| 900 | oklch(0.399 0.161 1.10) | #850042 | hsl(330, 100%, 26%) |
|
|
| 950 | oklch(0.210 0.086 355.18) | #33001a | hsl(329, 100%, 10%) |
|
| 50 | oklch(0.893 0.059 3.91) | #ffccd7 | hsl(347, 100%, 90%) |
|
|
| 100 | oklch(0.907 0.051 4.36) | #ffd3dc | hsl(348, 100%, 91%) |
|
|
| 200 | oklch(0.920 0.044 2.03) | #ffd9e2 | hsl(346, 100%, 93%) |
|
|
| 300 | oklch(0.934 0.035 2.49) | #ffe0e7 | hsl(346, 100%, 94%) |
|
|
| 400 | oklch(0.947 0.028 1.35) | #ffe6ec | hsl(346, 100%, 95%) |
|
|
| 500 | oklch(0.961 0.020 2.27) | #ffedf1 | hsl(347, 100%, 96%) |
|
|
| 600 | oklch(0.787 0.129 6.51) | #ff95ac | hsl(347, 100%, 79%) |
|
|
| 700 | oklch(0.664 0.227 13.90) | #ff3d68 | hsl(347, 100%, 62%) |
|
|
| 800 | oklch(0.578 0.233 22.07) | #e30033 | hsl(347, 100%, 45%) |
|
|
| 900 | oklch(0.403 0.162 20.59) | #8b001f | hsl(347, 100%, 27%) |
|
|
| 950 | oklch(0.204 0.082 14.18) | #33000b | hsl(347, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
