Serene Twilight Garden Color Palette
This palette radiates a serene yet sophisticated vibe, blending tranquil blues and soft purples with a lively splash of pastel yellow, evoking a dreamy twilight garden.
Practical uses and creative applications
The Serene Twilight Garden Color Palette is a harmonious blend of soft blues, muted purples, and gentle greens, perfect for creating a calming atmosphere in any design project. With its primary colors of #6D7AD0 (a tranquil blue), #A0A0C8 (a soothing lavender), #785078 (a rich mauve), and #DEE583 (a soft yellow-green), this palette is ideal for branding that aims to evoke feelings of peace and relaxation.
Whether you're designing a logo for a wellness brand or a website for a spa, these colors can seamlessly convey a sense of tranquility and balance. This versatile palette is particularly well-suited for creatives and designers working in web design, packaging, or interior decor.
Imagine using these colors to craft a dreamy and inviting user interface for a lifestyle blog, or to create elegant packaging for organic skincare products. The soft tones of the Serene Twilight Garden palette not only enhance visual appeal but also foster a warm and welcoming mood, making it a perfect choice for projects targeting an audience seeking comfort and serenity.
In interiors, these colors can be employed to transform spaces into serene retreats. From bedroom walls painted in calming shades of blue to accent furniture in gentle mauve, this palette encourages relaxation and mindfulness.
Designers and homeowners alike will appreciate the soothing aesthetic that the Serene Twilight Garden Color Palette brings to their projects, making it an essential go-to for anyone aiming to create a peaceful oasis.
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.898 0.032 277.90) | #d8dcf3 | hsl(231, 53%, 90%) |
|
|
100 | oklch(0.841 0.050 279.02) | #c3c8ec | hsl(233, 52%, 85%) |
|
|
200 | oklch(0.783 0.069 277.30) | #adb5e5 | hsl(231, 52%, 79%) |
|
|
300 | oklch(0.725 0.089 277.45) | #98a1de | hsl(232, 51%, 73%) |
|
|
400 | oklch(0.667 0.109 275.91) | #828ed7 | hsl(232, 52%, 68%) |
|
|
500 | oklch(0.608 0.131 275.32) | #6d7ad0 | hsl(232, 51%, 62%) |
|
|
600 | oklch(0.500 0.171 272.39) | #4555c3 | hsl(232, 51%, 52%) |
|
|
700 | oklch(0.422 0.152 271.78) | #33419f | hsl(232, 51%, 41%) |
|
|
800 | oklch(0.348 0.120 271.93) | #263177 | hsl(232, 52%, 31%) |
|
|
900 | oklch(0.268 0.086 272.81) | #19204f | hsl(232, 52%, 20%) |
|
|
950 | oklch(0.184 0.047 273.47) | #0c1027 | hsl(231, 53%, 10%) |
|
dsfds
50 | oklch(0.907 0.018 286.04) | #dfdfec | hsl(240, 25%, 90%) |
|
|
100 | oklch(0.870 0.026 285.85) | #d2d2e5 | hsl(240, 27%, 86%) |
|
|
200 | oklch(0.834 0.033 285.66) | #c6c6de | hsl(240, 27%, 82%) |
|
|
300 | oklch(0.795 0.042 285.40) | #b9b9d7 | hsl(240, 27%, 78%) |
|
|
400 | oklch(0.759 0.048 285.19) | #adadcf | hsl(240, 26%, 75%) |
|
|
500 | oklch(0.720 0.058 284.86) | #a0a0c8 | hsl(240, 27%, 71%) |
|
|
600 | oklch(0.599 0.085 283.54) | #7979b1 | hsl(240, 26%, 58%) |
|
|
700 | oklch(0.486 0.100 282.04) | #575796 | hsl(240, 27%, 46%) |
|
|
800 | oklch(0.394 0.079 282.19) | #40406f | hsl(240, 27%, 34%) |
|
|
900 | oklch(0.296 0.054 282.60) | #292947 | hsl(240, 27%, 22%) |
|
|
950 | oklch(0.194 0.026 283.69) | #131320 | hsl(240, 25%, 10%) |
|
dsfds
50 | oklch(0.919 0.019 325.73) | #ebe0eb | hsl(300, 22%, 90%) |
|
|
100 | oklch(0.835 0.037 325.90) | #d6c1d6 | hsl(300, 20%, 80%) |
|
|
200 | oklch(0.750 0.056 326.12) | #c1a2c1 | hsl(300, 20%, 70%) |
|
|
300 | oklch(0.663 0.076 326.39) | #ac83ac | hsl(300, 20%, 59%) |
|
|
400 | oklch(0.577 0.095 326.72) | #976597 | hsl(300, 20%, 49%) |
|
|
500 | oklch(0.490 0.079 326.70) | #785078 | hsl(300, 20%, 39%) |
|
|
600 | oklch(0.438 0.069 326.68) | #664466 | hsl(300, 20%, 33%) |
|
|
700 | oklch(0.384 0.059 326.65) | #543854 | hsl(300, 20%, 27%) |
|
|
800 | oklch(0.328 0.048 326.61) | #422c42 | hsl(300, 20%, 22%) |
|
|
900 | oklch(0.270 0.037 326.54) | #302030 | hsl(300, 20%, 16%) |
|
|
950 | oklch(0.210 0.027 326.48) | #1f141f | hsl(300, 22%, 10%) |
|
dsfds
50 | oklch(0.963 0.043 110.02) | #f4f6d5 | hsl(64, 65%, 90%) |
|
|
100 | oklch(0.949 0.061 111.51) | #eff3c4 | hsl(65, 66%, 86%) |
|
|
200 | oklch(0.935 0.076 111.01) | #ebefb4 | hsl(64, 65%, 82%) |
|
|
300 | oklch(0.923 0.092 111.41) | #e7eca4 | hsl(64, 65%, 78%) |
|
|
400 | oklch(0.907 0.108 111.80) | #e2e893 | hsl(64, 65%, 74%) |
|
|
500 | oklch(0.896 0.122 112.17) | #dee583 | hsl(64, 65%, 71%) |
|
|
600 | oklch(0.855 0.159 113.24) | #d0da50 | hsl(64, 65%, 58%) |
|
|
700 | oklch(0.783 0.165 113.88) | #b8c329 | hsl(64, 65%, 46%) |
|
|
800 | oklch(0.626 0.130 113.74) | #88901e | hsl(64, 66%, 34%) |
|
|
900 | oklch(0.459 0.093 113.45) | #585d14 | hsl(64, 65%, 22%) |
|
|
950 | oklch(0.275 0.051 112.57) | #282a09 | hsl(64, 65%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.