Serene Dreamy Color Palette
This palette exudes a serene and dreamy vibe, blending soft lavender and sky blue hues with deep indigo accents, creating an ethereal, modern aesthetic perfect for tranquil spaces.
Practical uses and creative applications
The Serene Dreamy Color Palette is an exquisite blend of soft blues and gentle lavender hues that evoke a sense of tranquility and creativity. Featuring shades like #6A6FBF, #E8EAFF, #8D94FF, #737DE5, and #5967CB, this palette is ideal for branding projects that aim to convey calmness and sophistication.
Whether you’re designing a wellness brand, an online shop for artisanal goods, or a creative studio, these colors will help you establish a serene yet captivating visual identity. In web design, the Serene Dreamy Color Palette works beautifully to create inviting user experiences.
Its soothing tones are perfect for interior design projects that focus on relaxation spaces, such as bedrooms or meditation rooms, where the aim is to create a peaceful atmosphere. Additionally, packaging for products like skincare or organic food can greatly benefit from this palette, as it resonates with audiences looking for authenticity and comfort.
Designers and creatives looking to evoke a dreamy and serene aesthetic will find this palette not only visually appealing but also deeply inspiring.
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.902 0.026 281.07) | #dbddf0 | hsl(234, 41%, 90%) |
|
|
100 | oklch(0.838 0.043 282.50) | #c5c7e6 | hsl(236, 40%, 84%) |
|
|
200 | oklch(0.773 0.061 281.73) | #aeb1dc | hsl(236, 40%, 77%) |
|
|
300 | oklch(0.707 0.080 280.90) | #979bd2 | hsl(236, 40%, 71%) |
|
|
400 | oklch(0.641 0.101 280.54) | #8185c9 | hsl(237, 40%, 65%) |
|
|
500 | oklch(0.574 0.122 279.10) | #6a6fbf | hsl(236, 40%, 58%) |
|
|
600 | oklch(0.477 0.146 276.56) | #4a50ad | hsl(236, 40%, 48%) |
|
|
700 | oklch(0.410 0.122 277.25) | #3c408b | hsl(237, 40%, 39%) |
|
|
800 | oklch(0.340 0.098 277.57) | #2d3069 | hsl(237, 40%, 29%) |
|
|
900 | oklch(0.264 0.070 278.22) | #1e2046 | hsl(237, 40%, 20%) |
|
|
950 | oklch(0.187 0.039 277.42) | #0f1124 | hsl(234, 41%, 10%) |
|
dsfds
50 | oklch(0.870 0.065 281.13) | #ccd0ff | hsl(235, 100%, 90%) |
|
|
100 | oklch(0.886 0.057 280.79) | #d2d6ff | hsl(235, 100%, 91%) |
|
|
200 | oklch(0.900 0.049 280.35) | #d7dbff | hsl(234, 100%, 92%) |
|
|
300 | oklch(0.914 0.042 281.14) | #dde0ff | hsl(235, 100%, 93%) |
|
|
400 | oklch(0.928 0.035 280.45) | #e2e5ff | hsl(234, 100%, 94%) |
|
|
500 | oklch(0.942 0.028 281.50) | #e8eaff | hsl(235, 100%, 95%) |
|
|
600 | oklch(0.722 0.146 278.20) | #919aff | hsl(235, 100%, 78%) |
|
|
700 | oklch(0.531 0.261 269.77) | #3a4bff | hsl(235, 100%, 61%) |
|
|
800 | oklch(0.420 0.279 264.17) | #0014e1 | hsl(235, 100%, 44%) |
|
|
900 | oklch(0.296 0.192 264.20) | #000c8a | hsl(235, 100%, 27%) |
|
|
950 | oklch(0.157 0.093 264.08) | #000433 | hsl(235, 100%, 10%) |
|
dsfds
50 | oklch(0.868 0.066 282.11) | #cccfff | hsl(236, 100%, 90%) |
|
|
100 | oklch(0.835 0.084 281.44) | #bfc3ff | hsl(236, 100%, 87%) |
|
|
200 | oklch(0.803 0.102 281.38) | #b3b7ff | hsl(237, 100%, 85%) |
|
|
300 | oklch(0.772 0.118 280.06) | #a6acff | hsl(236, 100%, 83%) |
|
|
400 | oklch(0.740 0.137 279.75) | #9aa0ff | hsl(236, 100%, 80%) |
|
|
500 | oklch(0.708 0.155 278.82) | #8d94ff | hsl(236, 100%, 78%) |
|
|
600 | oklch(0.550 0.249 272.04) | #4853ff | hsl(236, 100%, 64%) |
|
|
700 | oklch(0.459 0.309 264.33) | #0312ff | hsl(236, 100%, 51%) |
|
|
800 | oklch(0.367 0.246 264.15) | #000cbd | hsl(236, 100%, 37%) |
|
|
900 | oklch(0.266 0.175 264.19) | #000778 | hsl(237, 100%, 24%) |
|
|
950 | oklch(0.154 0.095 264.17) | #000333 | hsl(236, 100%, 10%) |
|
dsfds
50 | oklch(0.887 0.044 281.22) | #d4d7f7 | hsl(235, 69%, 90%) |
|
|
100 | oklch(0.836 0.064 281.01) | #c1c5f3 | hsl(235, 68%, 85%) |
|
|
200 | oklch(0.784 0.087 279.83) | #adb3f0 | hsl(235, 69%, 81%) |
|
|
300 | oklch(0.733 0.109 279.25) | #9aa1ec | hsl(235, 68%, 76%) |
|
|
400 | oklch(0.681 0.132 277.93) | #868fe9 | hsl(235, 69%, 72%) |
|
|
500 | oklch(0.630 0.155 276.85) | #737de5 | hsl(235, 69%, 67%) |
|
|
600 | oklch(0.509 0.212 272.19) | #424fdc | hsl(235, 69%, 56%) |
|
|
700 | oklch(0.418 0.216 269.02) | #2431bf | hsl(235, 68%, 45%) |
|
|
800 | oklch(0.340 0.171 269.40) | #1a248e | hsl(235, 69%, 33%) |
|
|
900 | oklch(0.259 0.120 270.44) | #11185c | hsl(234, 69%, 21%) |
|
|
950 | oklch(0.172 0.064 273.30) | #080b2b | hsl(235, 69%, 10%) |
|
dsfds
50 | oklch(0.896 0.033 280.05) | #d8dbf3 | hsl(233, 53%, 90%) |
|
|
100 | oklch(0.829 0.055 279.38) | #bfc4eb | hsl(233, 52%, 84%) |
|
|
200 | oklch(0.761 0.078 277.83) | #a5ade3 | hsl(232, 53%, 77%) |
|
|
300 | oklch(0.692 0.102 277.07) | #8c96db | hsl(232, 52%, 70%) |
|
|
400 | oklch(0.621 0.129 275.92) | #727ed3 | hsl(233, 52%, 64%) |
|
|
500 | oklch(0.554 0.154 274.26) | #5967cb | hsl(233, 52%, 57%) |
|
|
600 | oklch(0.466 0.176 271.54) | #3a4aba | hsl(233, 52%, 48%) |
|
|
700 | oklch(0.400 0.147 272.14) | #2f3b95 | hsl(233, 52%, 38%) |
|
|
800 | oklch(0.332 0.116 272.09) | #232d70 | hsl(232, 52%, 29%) |
|
|
900 | oklch(0.260 0.085 273.40) | #181e4c | hsl(233, 52%, 20%) |
|
|
950 | oklch(0.181 0.049 275.07) | #0c0f27 | hsl(233, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.