Dreamy Pastel Color Palette
A dreamy blend of soft pastels and vibrant purples, this palette radiates whimsical charm and playful elegance, perfect for a modern fairytale aesthetic.
Practical uses and creative applications
The Dreamy Pastel Color Palette is a delightful blend of soft hues that evokes a sense of whimsy and tranquility. Featuring shades like delicate pink (#FF98E9), serene lavender (#BBB3FC), and calming blue-violet (#7667F9), this palette is perfect for branding projects aimed at a youthful or creative audience.
Whether you're designing a logo for a boutique, crafting a website for a children's product, or developing packaging for artisanal goods, these pastel tones can help your brand stand out while maintaining an inviting and approachable aesthetic. Ideal for designers and creatives looking to evoke a lighthearted and playful mood, the Dreamy Pastel Color Palette shines in various applications.
Use it to create dreamy interiors or to design engaging web layouts that capture attention without overwhelming the viewer. This palette is particularly well-suited for businesses in the fashion, beauty, or wellness industries, where a soft and nurturing vibe can enhance the customer experience.
By incorporating these soothing colors, you can create an atmosphere that resonates with your audience and elevates your brand’s identity.
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.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.901 0.077 333.84) | #ffccf4 | hsl(313, 100%, 90%) |
|
|
100 | oklch(0.883 0.093 334.01) | #ffc2f2 | hsl(313, 100%, 88%) |
|
|
200 | oklch(0.864 0.110 334.13) | #ffb7f0 | hsl(313, 100%, 86%) |
|
|
300 | oklch(0.846 0.125 334.87) | #ffaded | hsl(313, 100%, 84%) |
|
|
400 | oklch(0.828 0.142 335.01) | #ffa2eb | hsl(313, 100%, 82%) |
|
|
500 | oklch(0.811 0.157 335.26) | #ff98e9 | hsl(313, 100%, 80%) |
|
|
600 | oklch(0.718 0.250 337.62) | #ff51da | hsl(313, 100%, 66%) |
|
|
700 | oklch(0.675 0.290 340.67) | #ff0acb | hsl(313, 100%, 52%) |
|
|
800 | oklch(0.546 0.236 340.96) | #c10098 | hsl(313, 100%, 38%) |
|
|
900 | oklch(0.391 0.169 340.48) | #7a0060 | hsl(313, 100%, 24%) |
|
|
950 | oklch(0.217 0.095 338.96) | #330028 | hsl(313, 100%, 10%) |
|
dsfds
50 | oklch(0.871 0.065 289.86) | #d3cefd | hsl(246, 92%, 90%) |
|
|
100 | oklch(0.857 0.072 289.19) | #cec9fd | hsl(246, 93%, 89%) |
|
|
200 | oklch(0.842 0.081 289.28) | #c9c3fd | hsl(246, 94%, 88%) |
|
|
300 | oklch(0.829 0.086 289.54) | #c5befc | hsl(247, 91%, 87%) |
|
|
400 | oklch(0.813 0.095 289.49) | #c0b8fc | hsl(247, 92%, 85%) |
|
|
500 | oklch(0.800 0.103 288.88) | #bbb3fc | hsl(247, 92%, 85%) |
|
|
600 | oklch(0.615 0.205 283.63) | #7a6af9 | hsl(247, 92%, 70%) |
|
|
700 | oklch(0.473 0.283 271.97) | #3821f6 | hsl(246, 92%, 55%) |
|
|
800 | oklch(0.381 0.248 268.40) | #1c08c3 | hsl(246, 92%, 40%) |
|
|
900 | oklch(0.274 0.173 270.16) | #12057a | hsl(247, 92%, 25%) |
|
|
950 | oklch(0.156 0.089 275.93) | #070231 | hsl(246, 92%, 10%) |
|
dsfds
50 | oklch(0.870 0.065 288.88) | #d2cefd | hsl(245, 92%, 90%) |
|
|
100 | oklch(0.836 0.083 289.04) | #c7c1fd | hsl(246, 94%, 87%) |
|
|
200 | oklch(0.802 0.101 288.35) | #bbb4fc | hsl(246, 92%, 85%) |
|
|
300 | oklch(0.768 0.120 287.52) | #afa7fc | hsl(246, 93%, 82%) |
|
|
400 | oklch(0.734 0.138 287.20) | #a49afb | hsl(246, 92%, 79%) |
|
|
500 | oklch(0.701 0.158 286.15) | #988dfb | hsl(246, 93%, 77%) |
|
|
600 | oklch(0.545 0.246 278.79) | #5c4bf9 | hsl(246, 94%, 64%) |
|
|
700 | oklch(0.450 0.298 267.49) | #2109f6 | hsl(246, 93%, 50%) |
|
|
800 | oklch(0.359 0.235 268.12) | #1806b5 | hsl(246, 94%, 37%) |
|
|
900 | oklch(0.262 0.167 269.59) | #0f0473 | hsl(246, 93%, 23%) |
|
|
950 | oklch(0.155 0.090 274.45) | #060231 | hsl(245, 92%, 10%) |
|
dsfds
50 | oklch(0.871 0.065 289.86) | #d3cefd | hsl(246, 92%, 90%) |
|
|
100 | oklch(0.815 0.094 288.92) | #c0b9fc | hsl(246, 92%, 86%) |
|
|
200 | oklch(0.763 0.122 287.94) | #aea5fb | hsl(246, 91%, 82%) |
|
|
300 | oklch(0.709 0.153 286.50) | #9b90fb | hsl(246, 93%, 77%) |
|
|
400 | oklch(0.658 0.181 284.95) | #897cfa | hsl(246, 93%, 73%) |
|
|
500 | oklch(0.607 0.210 282.82) | #7667f9 | hsl(246, 92%, 69%) |
|
|
600 | oklch(0.490 0.275 274.00) | #422df7 | hsl(246, 93%, 57%) |
|
|
700 | oklch(0.419 0.275 267.89) | #1f09df | hsl(246, 92%, 45%) |
|
|
800 | oklch(0.338 0.218 268.67) | #1707a5 | hsl(246, 92%, 34%) |
|
|
900 | oklch(0.250 0.158 270.40) | #0f046b | hsl(246, 93%, 22%) |
|
|
950 | oklch(0.156 0.089 275.93) | #070231 | hsl(246, 92%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.