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.

pastel vintage spring happy nature
#6D7AD0
#A0A0C8
#785078
#DEE583

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.

#e5eaa4
#a8c4a2
#69a5a4
#616382
#66245b
#62a07b
#4f8b89
#536c8d
#5c4f79
#613860
#edd58f
#c2bf92
#66ac92
#686077
#641f5e
#f8f69f
#bab986
#7c7b6c
#3e3e53
#000039
#f4e196
#a6bf91
#5f9982
#78576b
#400428
#edffb3
#99928e
#bfe3c3
#dbedc2
#fff2d4
#f1f7cd
#d3f7cd
#b5f7cd
#403a26
#81876c
#fdefb0
#e7a8b1
#b998b3
#77779d
#4771a3
#e0da96
#badda3
#94e0b0
#a6b5ae
#b88bad
© 2025 KColor. All rights reserved. 1.11.0