Twilight Magic Color Palette
This palette exudes a deep, mysterious elegance with rich purples and indigos that evoke a sense of twilight magic and cosmic intrigue.
Practical uses and creative applications
The Twilight Magic Color Palette is a captivating blend of deep purples and rich blues, perfect for anyone looking to evoke a sense of mystery and elegance in their projects. With shades like #7a1e77 and #66127a, this palette is ideal for branding initiatives that aim to stand out and leave a lasting impression.
Designers and creatives can leverage these colors for web design, ensuring their online presence conveys sophistication and allure. The darker hues, such as #390a70 and #260656, provide a dramatic backdrop, making them excellent choices for packaging that seeks to communicate luxury or exclusivity.
Ideal for interior designers and home decor enthusiasts, the Twilight Magic Palette can transform any space into a tranquil oasis. The deep, introspective colors can be beautifully incorporated into accent walls, textiles, or artwork, creating a harmonious environment that promotes relaxation and creativity.
Whether you’re designing a chic café, a modern office, or a cozy lounge, these colors can set the mood perfectly. Overall, the Twilight Magic Color Palette appeals to those who appreciate the enchanting interplay of dark and light, making it an excellent choice for various creative applications.
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.
| 50 | oklch(0.911 0.052 326.99) | #f5d6f4 | hsl(302, 61%, 90%) |
|
|
| 100 | oklch(0.808 0.117 327.58) | #e9a5e7 | hsl(302, 61%, 78%) |
|
|
| 200 | oklch(0.713 0.179 328.67) | #dd74d9 | hsl(302, 61%, 66%) |
|
|
| 300 | oklch(0.632 0.233 329.39) | #d142cc | hsl(302, 61%, 54%) |
|
|
| 400 | oklch(0.536 0.212 329.42) | #ab2aa7 | hsl(302, 61%, 42%) |
|
|
| 500 | oklch(0.421 0.162 329.41) | #7a1e77 | hsl(302, 61%, 30%) |
|
|
| 600 | oklch(0.382 0.145 329.59) | #6a1a67 | hsl(302, 61%, 26%) |
|
|
| 700 | oklch(0.342 0.127 329.83) | #5a1657 | hsl(303, 61%, 22%) |
|
|
| 800 | oklch(0.299 0.109 328.65) | #491248 | hsl(301, 60%, 18%) |
|
|
| 900 | oklch(0.257 0.090 328.76) | #390e38 | hsl(301, 61%, 14%) |
|
|
| 950 | oklch(0.212 0.069 328.96) | #290a28 | hsl(302, 61%, 10%) |
|
| 50 | oklch(0.903 0.059 319.84) | #f1d3f8 | hsl(289, 73%, 90%) |
|
|
| 100 | oklch(0.786 0.138 319.91) | #e09bf0 | hsl(289, 74%, 77%) |
|
|
| 200 | oklch(0.681 0.212 319.74) | #cf63e8 | hsl(289, 74%, 65%) |
|
|
| 300 | oklch(0.599 0.261 318.56) | #bd2ce0 | hsl(288, 74%, 53%) |
|
|
| 400 | oklch(0.498 0.224 318.14) | #941ab2 | hsl(288, 75%, 40%) |
|
|
| 500 | oklch(0.382 0.168 318.62) | #66127a | hsl(288, 74%, 27%) |
|
|
| 600 | oklch(0.348 0.151 318.89) | #59106a | hsl(289, 74%, 24%) |
|
|
| 700 | oklch(0.313 0.135 318.76) | #4c0d5b | hsl(288, 75%, 20%) |
|
|
| 800 | oklch(0.278 0.116 319.15) | #3f0b4b | hsl(289, 74%, 17%) |
|
|
| 900 | oklch(0.242 0.097 318.87) | #32093c | hsl(288, 74%, 14%) |
|
|
| 950 | oklch(0.204 0.077 319.48) | #25072c | hsl(289, 73%, 10%) |
|
| 50 | oklch(0.887 0.062 306.19) | #e4d0fb | hsl(268, 84%, 90%) |
|
|
| 100 | oklch(0.741 0.146 304.49) | #c092f5 | hsl(268, 83%, 77%) |
|
|
| 200 | oklch(0.608 0.224 301.14) | #9c54f0 | hsl(268, 84%, 64%) |
|
|
| 300 | oklch(0.508 0.268 294.44) | #7817ea | hsl(268, 83%, 50%) |
|
|
| 400 | oklch(0.408 0.214 294.53) | #5810ae | hsl(267, 83%, 37%) |
|
|
| 500 | oklch(0.302 0.153 296.01) | #390a70 | hsl(268, 84%, 24%) |
|
|
| 600 | oklch(0.279 0.139 296.08) | #320963 | hsl(267, 83%, 21%) |
|
|
| 700 | oklch(0.256 0.125 297.05) | #2c0856 | hsl(268, 83%, 18%) |
|
|
| 800 | oklch(0.231 0.110 297.28) | #250749 | hsl(267, 83%, 16%) |
|
|
| 900 | oklch(0.204 0.097 297.92) | #1e053c | hsl(267, 85%, 13%) |
|
|
| 950 | oklch(0.180 0.081 299.93) | #18042f | hsl(268, 84%, 10%) |
|
| 50 | oklch(0.883 0.064 303.31) | #e1cffc | hsl(264, 88%, 90%) |
|
|
| 100 | oklch(0.721 0.157 300.91) | #b68bf7 | hsl(264, 87%, 76%) |
|
|
| 200 | oklch(0.574 0.241 296.26) | #8b46f2 | hsl(264, 87%, 61%) |
|
|
| 300 | oklch(0.471 0.260 289.01) | #6310df | hsl(264, 87%, 47%) |
|
|
| 400 | oklch(0.363 0.197 289.57) | #440b9b | hsl(264, 87%, 33%) |
|
|
| 500 | oklch(0.246 0.127 292.12) | #260656 | hsl(264, 87%, 18%) |
|
|
| 600 | oklch(0.232 0.118 293.22) | #23054e | hsl(265, 88%, 16%) |
|
|
| 700 | oklch(0.218 0.110 292.69) | #1f0547 | hsl(264, 87%, 15%) |
|
|
| 800 | oklch(0.204 0.102 294.10) | #1c043f | hsl(264, 88%, 13%) |
|
|
| 900 | oklch(0.189 0.092 294.15) | #180437 | hsl(264, 86%, 12%) |
|
|
| 950 | oklch(0.174 0.084 295.43) | #150330 | hsl(264, 88%, 10%) |
|
| 50 | oklch(0.882 0.067 303.45) | #e1cefd | hsl(264, 92%, 90%) |
|
|
| 100 | oklch(0.696 0.177 300.41) | #b07ff9 | hsl(264, 91%, 74%) |
|
|
| 200 | oklch(0.542 0.263 293.54) | #7f30f5 | hsl(264, 91%, 57%) |
|
|
| 300 | oklch(0.431 0.241 288.27) | #560ac8 | hsl(264, 90%, 41%) |
|
|
| 400 | oklch(0.303 0.165 289.94) | #340679 | hsl(264, 91%, 25%) |
|
|
| 500 | oklch(0.160 0.079 296.29) | #12022a | hsl(264, 91%, 9%) |
|
|
| 600 | oklch(0.163 0.080 297.01) | #13022b | hsl(265, 91%, 9%) |
|
|
| 700 | oklch(0.165 0.083 295.40) | #13022d | hsl(264, 91%, 9%) |
|
|
| 800 | oklch(0.168 0.084 296.10) | #14022e | hsl(265, 92%, 9%) |
|
|
| 900 | oklch(0.169 0.085 295.33) | #14022f | hsl(264, 92%, 10%) |
|
|
| 950 | oklch(0.173 0.088 295.26) | #150231 | hsl(264, 92%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
