Serene Twilight Color Palette
A serene twilight sky transitions from deep navy to soft pastels, evoking a tranquil yet whimsical atmosphere, where rich purples and calming blues blend seamlessly with gentle aquas and warm golden hues.
Practical uses and creative applications
The Serene Twilight Color Palette evokes a sense of calm and tranquility, making it an ideal choice for branding and web design aimed at wellness, lifestyle, and creative industries. With deep navy (#0a1b4d) as the anchor, complemented by the gentle lavender (#6851a4) and soothing sky blue (#7388be), this palette creates a serene atmosphere that appeals to audiences seeking relaxation and inspiration.
The soft pastel aqua (#8cccea) and warm cream (#f7dca3) add a touch of warmth, making it perfect for brands that want to convey comfort and approachability. This color palette is particularly well-suited for designers and creatives looking to craft inviting interiors or packaging that resonates with a sense of peace and creativity.
Whether you're designing a spa, a boutique, or a product line focused on self-care, the Serene Twilight palette can enhance the overall aesthetic with its harmonious blend of colors. Use these shades to create beautiful visual narratives that captivate your target audience and leave a lasting impression.
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.041 270.45) | #d2dcf9 | hsl(225, 76%, 90%) |
|
|
| 100 | oklch(0.744 0.108 269.02) | #90a9f1 | hsl(225, 78%, 75%) |
|
|
| 200 | oklch(0.595 0.179 266.80) | #4e75e8 | hsl(225, 77%, 61%) |
|
|
| 300 | oklch(0.472 0.214 264.58) | #1b49d1 | hsl(225, 77%, 46%) |
|
|
| 400 | oklch(0.363 0.158 264.92) | #13328f | hsl(225, 77%, 32%) |
|
|
| 500 | oklch(0.246 0.095 265.43) | #0a1b4d | hsl(225, 77%, 17%) |
|
|
| 600 | oklch(0.234 0.089 265.33) | #091947 | hsl(225, 78%, 16%) |
|
|
| 700 | oklch(0.222 0.081 265.02) | #081740 | hsl(224, 78%, 14%) |
|
|
| 800 | oklch(0.209 0.076 266.37) | #08143a | hsl(226, 76%, 13%) |
|
|
| 900 | oklch(0.197 0.069 266.19) | #071234 | hsl(225, 76%, 12%) |
|
|
| 950 | oklch(0.184 0.061 265.61) | #06102d | hsl(225, 76%, 10%) |
|
dsfds
| 50 | oklch(0.907 0.024 299.34) | #e2ddee | hsl(258, 33%, 90%) |
|
|
| 100 | oklch(0.825 0.045 298.26) | #c9c0e0 | hsl(257, 34%, 82%) |
|
|
| 200 | oklch(0.745 0.067 296.71) | #b0a4d2 | hsl(256, 34%, 73%) |
|
|
| 300 | oklch(0.662 0.091 296.64) | #9887c4 | hsl(257, 34%, 65%) |
|
|
| 400 | oklch(0.577 0.116 295.25) | #7f6ab6 | hsl(257, 34%, 56%) |
|
|
| 500 | oklch(0.498 0.129 293.98) | #6851a4 | hsl(257, 34%, 48%) |
|
|
| 600 | oklch(0.442 0.112 294.53) | #58448a | hsl(257, 34%, 40%) |
|
|
| 700 | oklch(0.383 0.095 294.42) | #473770 | hsl(257, 34%, 33%) |
|
|
| 800 | oklch(0.325 0.075 294.72) | #372b56 | hsl(257, 33%, 25%) |
|
|
| 900 | oklch(0.260 0.055 294.51) | #261e3c | hsl(256, 33%, 18%) |
|
|
| 950 | oklch(0.193 0.034 296.60) | #161122 | hsl(258, 33%, 10%) |
|
dsfds
| 50 | oklch(0.910 0.020 270.20) | #dce1ef | hsl(224, 37%, 90%) |
|
|
| 100 | oklch(0.857 0.031 267.17) | #c7d0e5 | hsl(222, 37%, 84%) |
|
|
| 200 | oklch(0.802 0.043 267.60) | #b2bedb | hsl(222, 36%, 78%) |
|
|
| 300 | oklch(0.746 0.058 268.11) | #9dacd2 | hsl(223, 37%, 72%) |
|
|
| 400 | oklch(0.689 0.071 267.93) | #889ac8 | hsl(223, 37%, 66%) |
|
|
| 500 | oklch(0.632 0.085 267.62) | #7388be | hsl(223, 37%, 60%) |
|
|
| 600 | oklch(0.539 0.110 266.71) | #516bae | hsl(223, 36%, 50%) |
|
|
| 700 | oklch(0.458 0.092 266.72) | #40558b | hsl(223, 37%, 40%) |
|
|
| 800 | oklch(0.378 0.072 266.49) | #304068 | hsl(223, 37%, 30%) |
|
|
| 900 | oklch(0.293 0.052 266.41) | #202b46 | hsl(223, 37%, 20%) |
|
|
| 950 | oklch(0.198 0.029 268.61) | #101523 | hsl(224, 37%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.029 227.01) | #d4ecf7 | hsl(199, 69%, 90%) |
|
|
| 100 | oklch(0.906 0.039 227.77) | #c6e6f5 | hsl(199, 70%, 87%) |
|
|
| 200 | oklch(0.881 0.049 228.33) | #b7dff2 | hsl(199, 69%, 83%) |
|
|
| 300 | oklch(0.859 0.058 227.69) | #a9d9ef | hsl(199, 69%, 80%) |
|
|
| 400 | oklch(0.834 0.069 229.31) | #9ad2ed | hsl(200, 70%, 77%) |
|
|
| 500 | oklch(0.813 0.078 228.96) | #8cccea | hsl(199, 69%, 73%) |
|
|
| 600 | oklch(0.730 0.110 230.96) | #55b4e0 | hsl(199, 69%, 61%) |
|
|
| 700 | oklch(0.646 0.126 234.87) | #2699cf | hsl(199, 69%, 48%) |
|
|
| 800 | oklch(0.518 0.098 233.85) | #1c7198 | hsl(199, 69%, 35%) |
|
|
| 900 | oklch(0.380 0.070 234.33) | #124862 | hsl(200, 69%, 23%) |
|
|
| 950 | oklch(0.231 0.036 231.06) | #08202b | hsl(199, 69%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.041 85.29) | #fbedd0 | hsl(40, 84%, 90%) |
|
|
| 100 | oklch(0.941 0.049 86.35) | #faeac7 | hsl(41, 84%, 88%) |
|
|
| 200 | oklch(0.930 0.056 85.57) | #f9e6be | hsl(41, 83%, 86%) |
|
|
| 300 | oklch(0.922 0.064 85.39) | #f9e3b5 | hsl(41, 85%, 84%) |
|
|
| 400 | oklch(0.912 0.071 84.82) | #f8dfac | hsl(40, 84%, 82%) |
|
|
| 500 | oklch(0.903 0.079 85.46) | #f7dca3 | hsl(41, 84%, 80%) |
|
|
| 600 | oklch(0.839 0.127 84.21) | #f1c361 | hsl(41, 84%, 66%) |
|
|
| 700 | oklch(0.781 0.156 79.20) | #ecaa1f | hsl(41, 84%, 52%) |
|
|
| 800 | oklch(0.631 0.128 78.08) | #b37e10 | hsl(40, 84%, 38%) |
|
|
| 900 | oklch(0.455 0.090 79.64) | #71500a | hsl(41, 84%, 24%) |
|
|
| 950 | oklch(0.258 0.048 82.32) | #2f2104 | hsl(40, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
