Dreamy Pastel Color Palette
This dreamy palette radiates a whimsical and playful vibe, blending soft lavender, blush pink, and airy sky blue for a serene yet cheerful aesthetic that's perfect for a lighthearted spring day.
Practical uses and creative applications
The Dreamy Pastel Color Palette is a whimsical collection of soft hues that evoke a sense of calm and serenity, making it perfect for creative projects that aim to inspire and delight. With shades like #DAB8FF (lavender), #F7C6F5 (cotton candy pink), and #B5E0FF (baby blue), this palette is ideal for branding, web design, and packaging that requires a gentle touch.
Whether you're designing a boutique's logo, crafting an enchanting website for a children's product, or creating eye-catching packaging for a beauty line, these colors offer a versatile foundation that appeals to a wide audience. This pastel palette is especially suited for designers and creatives looking to convey a dreamy, ethereal mood.
It's perfect for targeting younger demographics, such as millennials and Gen Z, who often gravitate towards soft, soothing aesthetics. Additionally, the Dreamy Pastel Palette works beautifully in interior design, creating tranquil spaces that feel inviting and fresh.
Utilize these colors in nurseries, cafes, or wellness centers to foster an atmosphere of relaxation and creativity, making it a go-to choice for any project that seeks to enchant and uplift.
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.881 0.074 306.26) | #e4ccff | hsl(268, 100%, 90%) |
|
|
100 | oklch(0.872 0.080 306.26) | #e2c8ff | hsl(268, 100%, 89%) |
|
|
200 | oklch(0.863 0.086 306.24) | #e0c4ff | hsl(268, 100%, 88%) |
|
|
300 | oklch(0.854 0.092 306.22) | #dec0ff | hsl(269, 100%, 88%) |
|
|
400 | oklch(0.845 0.097 306.18) | #dcbcff | hsl(269, 100%, 87%) |
|
|
500 | oklch(0.836 0.103 306.13) | #dab8ff | hsl(269, 100%, 86%) |
|
|
600 | oklch(0.670 0.215 303.35) | #b26aff | hsl(269, 100%, 71%) |
|
|
700 | oklch(0.550 0.285 296.17) | #891dff | hsl(269, 100%, 56%) |
|
|
800 | oklch(0.448 0.249 292.68) | #6300ce | hsl(269, 100%, 40%) |
|
|
900 | oklch(0.321 0.177 294.26) | #3e0081 | hsl(269, 100%, 25%) |
|
|
950 | oklch(0.176 0.095 298.87) | #180033 | hsl(268, 100%, 10%) |
|
dsfds
50 | oklch(0.908 0.065 327.72) | #f9d2f7 | hsl(303, 76%, 90%) |
|
|
100 | oklch(0.903 0.068 326.90) | #f8d0f7 | hsl(302, 74%, 89%) |
|
|
200 | oklch(0.898 0.072 327.64) | #f8cdf6 | hsl(303, 75%, 89%) |
|
|
300 | oklch(0.894 0.075 327.60) | #f8cbf6 | hsl(303, 76%, 88%) |
|
|
400 | oklch(0.887 0.079 327.58) | #f7c8f5 | hsl(303, 75%, 88%) |
|
|
500 | oklch(0.884 0.083 327.56) | #f7c6f5 | hsl(302, 75%, 87%) |
|
|
600 | oklch(0.757 0.183 328.56) | #ed81e9 | hsl(302, 75%, 72%) |
|
|
700 | oklch(0.664 0.261 329.88) | #e43cdd | hsl(303, 76%, 56%) |
|
|
800 | oklch(0.551 0.237 330.07) | #b71ab1 | hsl(302, 75%, 41%) |
|
|
900 | oklch(0.392 0.165 330.10) | #72106e | hsl(302, 75%, 25%) |
|
|
950 | oklch(0.216 0.082 330.18) | #2d062b | hsl(303, 76%, 10%) |
|
dsfds
50 | oklch(0.900 0.084 322.38) | #f9ccff | hsl(293, 100%, 90%) |
|
|
100 | oklch(0.889 0.094 322.85) | #f9c6ff | hsl(294, 100%, 89%) |
|
|
200 | oklch(0.878 0.104 322.69) | #f8c0ff | hsl(293, 100%, 88%) |
|
|
300 | oklch(0.868 0.112 322.49) | #f7bbff | hsl(293, 100%, 87%) |
|
|
400 | oklch(0.858 0.122 322.86) | #f7b5ff | hsl(294, 100%, 85%) |
|
|
500 | oklch(0.847 0.132 322.74) | #f6afff | hsl(293, 100%, 84%) |
|
|
600 | oklch(0.730 0.246 322.91) | #ed63ff | hsl(293, 100%, 69%) |
|
|
700 | oklch(0.667 0.308 322.41) | #e517ff | hsl(293, 100%, 55%) |
|
|
800 | oklch(0.555 0.264 321.95) | #b400cb | hsl(293, 100%, 40%) |
|
|
900 | oklch(0.395 0.187 322.38) | #71007f | hsl(293, 100%, 25%) |
|
|
950 | oklch(0.213 0.101 322.82) | #2d0033 | hsl(293, 100%, 10%) |
|
dsfds
50 | oklch(0.922 0.043 238.50) | #cceaff | hsl(205, 100%, 90%) |
|
|
100 | oklch(0.914 0.047 238.46) | #c7e8ff | hsl(205, 100%, 89%) |
|
|
200 | oklch(0.908 0.050 239.21) | #c3e6ff | hsl(205, 100%, 88%) |
|
|
300 | oklch(0.900 0.054 239.15) | #bee4ff | hsl(205, 100%, 87%) |
|
|
400 | oklch(0.894 0.058 239.78) | #bae2ff | hsl(205, 100%, 86%) |
|
|
500 | oklch(0.887 0.062 239.72) | #b5e0ff | hsl(205, 100%, 85%) |
|
|
600 | oklch(0.778 0.124 241.87) | #68c0ff | hsl(205, 100%, 70%) |
|
|
700 | oklch(0.684 0.175 247.68) | #1b9fff | hsl(205, 100%, 55%) |
|
|
800 | oklch(0.561 0.159 250.06) | #0077cd | hsl(205, 100%, 40%) |
|
|
900 | oklch(0.401 0.110 248.91) | #004a80 | hsl(205, 100%, 25%) |
|
|
950 | oklch(0.226 0.054 242.87) | #001e33 | hsl(205, 100%, 10%) |
|
dsfds
50 | oklch(0.924 0.043 236.24) | #ccebff | hsl(204, 100%, 90%) |
|
|
100 | oklch(0.910 0.050 237.30) | #c3e7ff | hsl(204, 100%, 88%) |
|
|
200 | oklch(0.895 0.058 237.50) | #b9e3ff | hsl(204, 100%, 86%) |
|
|
300 | oklch(0.881 0.066 238.26) | #b0dfff | hsl(204, 100%, 85%) |
|
|
400 | oklch(0.869 0.074 237.15) | #a6dcff | hsl(204, 100%, 83%) |
|
|
500 | oklch(0.856 0.081 237.91) | #9dd8ff | hsl(204, 100%, 81%) |
|
|
600 | oklch(0.760 0.136 241.04) | #55bbff | hsl(204, 100%, 67%) |
|
|
700 | oklch(0.683 0.177 246.99) | #0d9fff | hsl(204, 100%, 53%) |
|
|
800 | oklch(0.552 0.148 247.76) | #0076c3 | hsl(204, 100%, 38%) |
|
|
900 | oklch(0.398 0.104 246.67) | #004a7b | hsl(204, 100%, 24%) |
|
|
950 | oklch(0.229 0.053 241.03) | #001f33 | hsl(204, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.