Dreamy Color Palette for Serenity
A dreamy blend of deep violet and soft lavender dances with vibrant teal and refreshing mint, evoking a whimsical, serene atmosphere perfect for modern creativity and tranquility.
Practical uses and creative applications
The Dreamy Color Palette for Serenity features a harmonious blend of soothing hues like #614BC3, #8763F1, #33BBC5, #85E6C5, and #C8FFE0. This palette is ideal for brands looking to evoke a sense of calm and tranquility.
Whether you're designing a wellness website, creating packaging for organic products, or refreshing an interior space, these colors can enhance the mood and establish a serene atmosphere. The deep purples and soft greens work beautifully together, making them perfect for businesses in the health, beauty, or lifestyle sectors.
Ideal for designers and creatives, this palette is perfect for projects that aim to promote relaxation and mindfulness. Web designers can utilize these colors to create engaging user experiences that feel inviting and soothing, while interior designers can incorporate them into spaces like yoga studios or meditation rooms to foster a peaceful environment.
Additionally, brands focused on sustainability and eco-friendliness can leverage this palette to communicate their values effectively. Embrace the Dreamy Color Palette for Serenity to elevate your projects and resonate with your audience on a deeper level.
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.896 0.034 293.04) | #ddd9f2 | hsl(250, 49%, 90%) |
|
|
100 | oklch(0.817 0.063 294.12) | #c5bce9 | hsl(252, 51%, 83%) |
|
|
200 | oklch(0.739 0.091 292.78) | #aca0df | hsl(251, 50%, 75%) |
|
|
300 | oklch(0.660 0.120 291.13) | #9384d6 | hsl(251, 50%, 68%) |
|
|
400 | oklch(0.580 0.150 289.51) | #7a67cc | hsl(251, 50%, 60%) |
|
|
500 | oklch(0.503 0.179 286.48) | #614bc3 | hsl(251, 50%, 53%) |
|
|
600 | oklch(0.437 0.172 284.87) | #4d39aa | hsl(251, 50%, 45%) |
|
|
700 | oklch(0.377 0.144 285.18) | #3e2e89 | hsl(251, 50%, 36%) |
|
|
800 | oklch(0.315 0.115 285.65) | #2f2368 | hsl(250, 50%, 27%) |
|
|
900 | oklch(0.250 0.084 286.39) | #201847 | hsl(250, 49%, 19%) |
|
|
950 | oklch(0.180 0.050 287.71) | #110d26 | hsl(250, 49%, 10%) |
|
dsfds
50 | oklch(0.880 0.060 296.87) | #dbd0fb | hsl(255, 84%, 90%) |
|
|
100 | oklch(0.824 0.089 296.04) | #cabaf9 | hsl(255, 84%, 85%) |
|
|
200 | oklch(0.770 0.117 294.70) | #b9a5f7 | hsl(255, 84%, 81%) |
|
|
300 | oklch(0.715 0.147 294.11) | #a98ff5 | hsl(255, 84%, 76%) |
|
|
400 | oklch(0.661 0.176 292.64) | #9879f3 | hsl(255, 84%, 71%) |
|
|
500 | oklch(0.609 0.204 290.76) | #8763f1 | hsl(255, 84%, 67%) |
|
|
600 | oklch(0.500 0.257 283.62) | #5e2eec | hsl(255, 83%, 55%) |
|
|
700 | oklch(0.423 0.247 279.12) | #4212ce | hsl(255, 84%, 44%) |
|
|
800 | oklch(0.344 0.196 280.04) | #310e99 | hsl(255, 83%, 33%) |
|
|
900 | oklch(0.259 0.141 281.83) | #200964 | hsl(255, 83%, 21%) |
|
|
950 | oklch(0.167 0.081 286.81) | #0f042f | hsl(255, 84%, 10%) |
|
dsfds
50 | oklch(0.942 0.030 204.50) | #d6f2f5 | hsl(186, 61%, 90%) |
|
|
100 | oklch(0.897 0.052 202.23) | #b5e8ec | hsl(184, 59%, 82%) |
|
|
200 | oklch(0.853 0.074 201.19) | #93dee3 | hsl(184, 59%, 73%) |
|
|
300 | oklch(0.810 0.092 201.64) | #72d3da | hsl(184, 58%, 65%) |
|
|
400 | oklch(0.772 0.107 202.07) | #50c9d2 | hsl(184, 59%, 57%) |
|
|
500 | oklch(0.726 0.112 202.41) | #33bbc5 | hsl(184, 59%, 49%) |
|
|
600 | oklch(0.639 0.098 202.91) | #2b9da6 | hsl(184, 59%, 41%) |
|
|
700 | oklch(0.550 0.084 201.42) | #238086 | hsl(184, 59%, 33%) |
|
|
800 | oklch(0.456 0.068 201.93) | #1b6267 | hsl(184, 58%, 25%) |
|
|
900 | oklch(0.356 0.051 202.86) | #134448 | hsl(185, 58%, 18%) |
|
|
950 | oklch(0.249 0.034 204.96) | #0a2629 | hsl(186, 61%, 10%) |
|
dsfds
50 | oklch(0.946 0.037 173.39) | #d5f6eb | hsl(160, 65%, 90%) |
|
|
100 | oklch(0.928 0.052 171.96) | #c5f3e3 | hsl(159, 66%, 86%) |
|
|
200 | oklch(0.909 0.066 171.92) | #b5f0dc | hsl(160, 66%, 83%) |
|
|
300 | oklch(0.892 0.080 170.78) | #a5edd4 | hsl(159, 67%, 79%) |
|
|
400 | oklch(0.872 0.091 171.00) | #95e9cd | hsl(160, 66%, 75%) |
|
|
500 | oklch(0.856 0.104 169.82) | #85e6c5 | hsl(160, 66%, 71%) |
|
|
600 | oklch(0.804 0.138 166.85) | #51dbac | hsl(160, 66%, 59%) |
|
|
700 | oklch(0.736 0.148 163.90) | #29c690 | hsl(159, 66%, 47%) |
|
|
800 | oklch(0.588 0.117 164.15) | #1e926a | hsl(159, 66%, 35%) |
|
|
900 | oklch(0.431 0.082 165.51) | #135e45 | hsl(160, 66%, 22%) |
|
|
950 | oklch(0.257 0.044 167.40) | #092a1f | hsl(160, 65%, 10%) |
|
dsfds
50 | oklch(0.957 0.065 159.96) | #ccffe2 | hsl(146, 100%, 90%) |
|
|
100 | oklch(0.956 0.066 160.44) | #cbffe2 | hsl(147, 100%, 90%) |
|
|
200 | oklch(0.956 0.067 160.01) | #caffe1 | hsl(146, 100%, 90%) |
|
|
300 | oklch(0.956 0.067 160.01) | #caffe1 | hsl(146, 100%, 90%) |
|
|
400 | oklch(0.955 0.069 159.60) | #c9ffe0 | hsl(146, 100%, 89%) |
|
|
500 | oklch(0.954 0.070 160.04) | #c8ffe0 | hsl(146, 100%, 89%) |
|
|
600 | oklch(0.904 0.162 156.21) | #77ffb2 | hsl(146, 100%, 73%) |
|
|
700 | oklch(0.878 0.227 151.39) | #26ff85 | hsl(146, 100%, 57%) |
|
|
800 | oklch(0.762 0.215 148.96) | #00d55d | hsl(146, 100%, 42%) |
|
|
900 | oklch(0.536 0.148 149.76) | #00843a | hsl(146, 100%, 26%) |
|
|
950 | oklch(0.281 0.073 152.37) | #003316 | hsl(146, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.