Dreamy Pastel Color Palette
This palette radiates a dreamy, nostalgic vibe with soft pastel yellows and pinks intertwined with muted purples and tranquil blues, evoking a whimsical sunset by the seaside.
Practical uses and creative applications
The Dreamy Pastel Color Palette effortlessly evokes a sense of tranquility and whimsy, making it an ideal choice for brands that wish to convey a soft, approachable aesthetic. Featuring soothing hues like the gentle yellow #fdefb0 and the calming blue #4771a3, this palette is perfect for web design, creating inviting user experiences that resonate with audiences seeking comfort and creativity.
Its delicate balance of colors can also enhance packaging designs, making products feel more personal and appealing, especially for industries like beauty, wellness, and artisanal goods. This palette is especially suited for designers and creatives looking to evoke a serene and dreamy atmosphere in their projects.
Whether you're working on branding for a new boutique or designing the interior of a cozy café, the lilac #b998b3 and blush pink #e7a8b1 can bring warmth and charm to any space. The subtle contrast provided by the muted grey #77779d adds depth, making it a versatile selection for various applications.
With its pastel tones, the Dreamy Pastel Color Palette is perfect for creating a harmonious and inviting vibe that resonates with audiences seeking comfort and creativity.
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.967 0.053 96.74) | #fef5cd | hsl(49, 96%, 90%) |
|
|
| 100 | oklch(0.964 0.059 96.92) | #fef4c7 | hsl(49, 96%, 89%) |
|
|
| 200 | oklch(0.960 0.064 97.82) | #fdf3c2 | hsl(50, 94%, 88%) |
|
|
| 300 | oklch(0.955 0.069 96.81) | #fdf1bc | hsl(49, 94%, 86%) |
|
|
| 400 | oklch(0.952 0.075 96.96) | #fdf0b6 | hsl(49, 95%, 85%) |
|
|
| 500 | oklch(0.949 0.081 97.09) | #fdefb0 | hsl(49, 95%, 84%) |
|
|
| 600 | oklch(0.906 0.144 96.92) | #fbe066 | hsl(49, 95%, 69%) |
|
|
| 700 | oklch(0.870 0.174 94.45) | #f9d11d | hsl(49, 95%, 55%) |
|
|
| 800 | oklch(0.723 0.147 93.19) | #c5a205 | hsl(49, 95%, 40%) |
|
|
| 900 | oklch(0.516 0.105 94.62) | #7b6603 | hsl(50, 95%, 25%) |
|
|
| 950 | oklch(0.283 0.057 95.94) | #322901 | hsl(49, 96%, 10%) |
|
dsfds
| 50 | oklch(0.904 0.033 8.31) | #f4d7db | hsl(352, 57%, 90%) |
|
|
| 100 | oklch(0.882 0.040 8.20) | #f1ced3 | hsl(351, 56%, 88%) |
|
|
| 200 | oklch(0.859 0.050 8.73) | #efc4ca | hsl(352, 57%, 85%) |
|
|
| 300 | oklch(0.838 0.057 8.77) | #ecbbc2 | hsl(351, 56%, 83%) |
|
|
| 400 | oklch(0.815 0.067 9.29) | #eab1b9 | hsl(352, 58%, 81%) |
|
|
| 500 | oklch(0.793 0.075 9.43) | #e7a8b1 | hsl(351, 57%, 78%) |
|
|
| 600 | oklch(0.670 0.129 11.98) | #d87180 | hsl(351, 57%, 65%) |
|
|
| 700 | oklch(0.566 0.178 17.09) | #c93b4f | hsl(352, 57%, 51%) |
|
|
| 800 | oklch(0.454 0.143 16.70) | #952939 | hsl(351, 57%, 37%) |
|
|
| 900 | oklch(0.333 0.100 16.09) | #5f1a24 | hsl(351, 57%, 24%) |
|
|
| 950 | oklch(0.200 0.049 14.21) | #280b0f | hsl(352, 57%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.014 329.13) | #eae1e9 | hsl(307, 18%, 90%) |
|
|
| 100 | oklch(0.879 0.022 330.32) | #e0d2de | hsl(309, 18%, 85%) |
|
|
| 200 | oklch(0.840 0.029 332.91) | #d7c4d3 | hsl(313, 19%, 81%) |
|
|
| 300 | oklch(0.799 0.038 333.01) | #cdb5c8 | hsl(313, 19%, 76%) |
|
|
| 400 | oklch(0.760 0.045 332.05) | #c3a7be | hsl(311, 19%, 71%) |
|
|
| 500 | oklch(0.718 0.054 332.37) | #b998b3 | hsl(311, 19%, 66%) |
|
|
| 600 | oklch(0.622 0.074 332.95) | #a2769a | hsl(311, 19%, 55%) |
|
|
| 700 | oklch(0.526 0.075 333.42) | #855a7d | hsl(311, 19%, 44%) |
|
|
| 800 | oklch(0.427 0.058 332.33) | #62435d | hsl(310, 19%, 32%) |
|
|
| 900 | oklch(0.323 0.040 331.77) | #402c3d | hsl(309, 19%, 21%) |
|
|
| 950 | oklch(0.211 0.021 330.03) | #1e151d | hsl(307, 18%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.012 286.16) | #e1e1ea | hsl(240, 18%, 90%) |
|
|
| 100 | oklch(0.849 0.019 285.98) | #ccccda | hsl(240, 16%, 83%) |
|
|
| 200 | oklch(0.786 0.028 285.73) | #b7b7cb | hsl(240, 16%, 76%) |
|
|
| 300 | oklch(0.721 0.037 285.42) | #a2a2bc | hsl(240, 16%, 69%) |
|
|
| 400 | oklch(0.651 0.047 285.01) | #8c8cac | hsl(240, 16%, 61%) |
|
|
| 500 | oklch(0.584 0.058 284.46) | #77779d | hsl(240, 16%, 54%) |
|
|
| 600 | oklch(0.507 0.058 284.13) | #616186 | hsl(240, 16%, 45%) |
|
|
| 700 | oklch(0.436 0.049 284.18) | #4e4e6c | hsl(240, 16%, 36%) |
|
|
| 800 | oklch(0.362 0.039 284.26) | #3b3b52 | hsl(240, 16%, 28%) |
|
|
| 900 | oklch(0.284 0.029 284.39) | #282838 | hsl(240, 17%, 19%) |
|
|
| 950 | oklch(0.200 0.018 284.67) | #15151e | hsl(240, 18%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.018 250.60) | #dbe5f0 | hsl(211, 41%, 90%) |
|
|
| 100 | oklch(0.842 0.035 253.73) | #bccde2 | hsl(213, 40%, 81%) |
|
|
| 200 | oklch(0.768 0.051 253.14) | #9db6d4 | hsl(213, 39%, 72%) |
|
|
| 300 | oklch(0.692 0.070 252.86) | #7d9fc7 | hsl(212, 40%, 64%) |
|
|
| 400 | oklch(0.616 0.088 252.96) | #5e88b9 | hsl(212, 39%, 55%) |
|
|
| 500 | oklch(0.540 0.092 253.64) | #4771a3 | hsl(213, 39%, 46%) |
|
|
| 600 | oklch(0.479 0.081 254.29) | #3c5f8a | hsl(213, 39%, 39%) |
|
|
| 700 | oklch(0.417 0.067 253.23) | #314e70 | hsl(212, 39%, 32%) |
|
|
| 800 | oklch(0.351 0.055 254.17) | #263c57 | hsl(213, 39%, 25%) |
|
|
| 900 | oklch(0.281 0.041 254.78) | #1b2a3d | hsl(214, 39%, 17%) |
|
|
| 950 | oklch(0.209 0.026 251.46) | #0f1924 | hsl(211, 41%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
