Dreamy Twilight Color Palette
A dreamy blend of soft lavender and bold violet hues creates a whimsical yet dramatic atmosphere, evoking a sense of magical twilight with deep fuchsia and rich burgundy accents.
Practical uses and creative applications
The Dreamy Twilight Color Palette is a captivating selection that beautifully embodies the enchanting hues of dusk. Comprising soft lavender (#B4C2F3), deep indigo (#735CDE), rich violet (#8F00B2), striking magenta (#7E017B), and a dramatic burgundy (#38000B), this palette is perfect for creatives seeking to evoke a sense of mystery and elegance.
Whether you're designing a brand identity, crafting a unique web interface, or curating a compelling packaging design, these colors can help you create an immersive experience that resonates with your audience. Ideal for designers and artists who wish to convey a dreamy and sophisticated mood, the Dreamy Twilight palette works wonders in various applications.
In web design, it can enhance user interfaces by adding depth and a touch of whimsy, while in interiors, it sets a serene yet striking atmosphere perfect for cozy retreats or modern living spaces. Brands targeting a youthful, artistic audience will find this palette particularly appealing, as it captures the essence of creativity and imagination, making it an excellent choice for fashion, beauty, and lifestyle products.
Whether you're a graphic designer, an interior decorator, or a branding expert, the Dreamy Twilight Color Palette invites you to explore its rich emotional depth and versatility. Use it to craft stories that not only stand out but also linger in the minds of your audience, inviting them into a world of color where dreams meet reality.
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.894 0.041 273.33) | #d3dbf8 | hsl(227, 73%, 90%) |
|
|
| 100 | oklch(0.880 0.047 273.36) | #cdd6f7 | hsl(227, 72%, 89%) |
|
|
| 200 | oklch(0.865 0.053 273.35) | #c7d1f6 | hsl(227, 72%, 87%) |
|
|
| 300 | oklch(0.850 0.059 272.30) | #c0ccf5 | hsl(226, 73%, 86%) |
|
|
| 400 | oklch(0.835 0.065 272.33) | #bac7f4 | hsl(227, 73%, 84%) |
|
|
| 500 | oklch(0.820 0.071 272.33) | #b4c2f3 | hsl(227, 72%, 83%) |
|
|
| 600 | oklch(0.667 0.138 270.27) | #748ee9 | hsl(227, 73%, 68%) |
|
|
| 700 | oklch(0.523 0.206 266.67) | #345ade | hsl(227, 72%, 54%) |
|
|
| 800 | oklch(0.413 0.182 265.87) | #1c3cac | hsl(227, 72%, 39%) |
|
|
| 900 | oklch(0.301 0.126 266.38) | #11256c | hsl(227, 73%, 25%) |
|
|
| 950 | oklch(0.182 0.060 267.91) | #070f2c | hsl(227, 73%, 10%) |
|
dsfds
| 50 | oklch(0.888 0.045 293.79) | #dbd5f6 | hsl(251, 65%, 90%) |
|
|
| 100 | oklch(0.822 0.076 293.15) | #c6bcf2 | hsl(251, 68%, 84%) |
|
|
| 200 | oklch(0.757 0.104 291.88) | #b1a4ed | hsl(251, 67%, 79%) |
|
|
| 300 | oklch(0.692 0.133 290.47) | #9c8ce8 | hsl(250, 67%, 73%) |
|
|
| 400 | oklch(0.629 0.162 289.16) | #8874e3 | hsl(251, 66%, 67%) |
|
|
| 500 | oklch(0.567 0.190 286.81) | #735cde | hsl(251, 66%, 62%) |
|
|
| 600 | oklch(0.465 0.233 280.34) | #4d30d5 | hsl(251, 66%, 51%) |
|
|
| 700 | oklch(0.396 0.203 280.01) | #3c23ae | hsl(251, 67%, 41%) |
|
|
| 800 | oklch(0.325 0.161 280.96) | #2d1a82 | hsl(251, 67%, 31%) |
|
|
| 900 | oklch(0.250 0.116 282.69) | #1e1156 | hsl(251, 67%, 20%) |
|
|
| 950 | oklch(0.173 0.064 285.97) | #0f092a | hsl(251, 65%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.081 319.61) | #f5ccff | hsl(288, 100%, 90%) |
|
|
| 100 | oklch(0.791 0.171 319.56) | #ea94ff | hsl(288, 100%, 79%) |
|
|
| 200 | oklch(0.705 0.249 319.19) | #df5cff | hsl(288, 100%, 68%) |
|
|
| 300 | oklch(0.648 0.298 318.04) | #d423ff | hsl(288, 100%, 57%) |
|
|
| 400 | oklch(0.589 0.288 316.67) | #bc00ea | hsl(288, 100%, 46%) |
|
|
| 500 | oklch(0.481 0.235 316.89) | #8f00b2 | hsl(288, 100%, 35%) |
|
|
| 600 | oklch(0.431 0.210 317.07) | #7b0099 | hsl(288, 100%, 30%) |
|
|
| 700 | oklch(0.377 0.184 317.23) | #66007f | hsl(288, 100%, 25%) |
|
|
| 800 | oklch(0.323 0.157 317.57) | #520066 | hsl(288, 100%, 20%) |
|
|
| 900 | oklch(0.265 0.129 317.96) | #3d004c | hsl(288, 100%, 15%) |
|
|
| 950 | oklch(0.206 0.099 318.82) | #290033 | hsl(288, 100%, 10%) |
|
dsfds
| 50 | oklch(0.904 0.085 327.52) | #ffccfd | hsl(302, 100%, 90%) |
|
|
| 100 | oklch(0.799 0.193 328.15) | #fe8bfb | hsl(302, 98%, 77%) |
|
|
| 200 | oklch(0.726 0.280 329.19) | #fe49f9 | hsl(302, 99%, 64%) |
|
|
| 300 | oklch(0.695 0.316 329.66) | #fd07f7 | hsl(301, 98%, 51%) |
|
|
| 400 | oklch(0.564 0.257 329.77) | #c002bb | hsl(302, 98%, 38%) |
|
|
| 500 | oklch(0.415 0.189 329.60) | #7e017b | hsl(301, 98%, 25%) |
|
|
| 600 | oklch(0.379 0.172 329.75) | #6f016c | hsl(302, 98%, 22%) |
|
|
| 700 | oklch(0.342 0.155 329.41) | #60015e | hsl(301, 98%, 19%) |
|
|
| 800 | oklch(0.304 0.138 329.57) | #51014f | hsl(302, 98%, 16%) |
|
|
| 900 | oklch(0.265 0.119 329.80) | #420140 | hsl(302, 97%, 13%) |
|
|
| 950 | oklch(0.224 0.102 330.16) | #330031 | hsl(302, 100%, 10%) |
|
dsfds
| 50 | oklch(0.892 0.059 5.19) | #ffccd6 | hsl(348, 100%, 90%) |
|
|
| 100 | oklch(0.742 0.162 9.51) | #ff7b95 | hsl(348, 100%, 74%) |
|
|
| 200 | oklch(0.648 0.240 17.99) | #ff2b54 | hsl(348, 100%, 58%) |
|
|
| 300 | oklch(0.558 0.226 23.35) | #d9002b | hsl(348, 100%, 43%) |
|
|
| 400 | oklch(0.398 0.160 21.96) | #89001b | hsl(348, 100%, 27%) |
|
|
| 500 | oklch(0.216 0.087 16.25) | #38000b | hsl(348, 100%, 11%) |
|
|
| 600 | oklch(0.214 0.086 15.87) | #37000b | hsl(348, 100%, 11%) |
|
|
| 700 | oklch(0.212 0.085 15.47) | #36000b | hsl(348, 100%, 11%) |
|
|
| 800 | oklch(0.209 0.084 16.17) | #35000a | hsl(349, 100%, 10%) |
|
|
| 900 | oklch(0.206 0.083 15.77) | #34000a | hsl(348, 100%, 10%) |
|
|
| 950 | oklch(0.204 0.082 15.35) | #33000a | hsl(348, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
