Moody Twilight Color Palette
A moody twilight blend of deep purples and tranquil blues, punctuated by vibrant teal and soft taupe, evoking a serene yet mysterious coastal evening.
Practical uses and creative applications
Introducing the Moody Twilight Color Palette, a captivating blend of deep blues and subtle earth tones that evoke a sense of mystery and tranquility. Featuring colors like the rich plum of #260d33, the serene navy of #003f69, and the refreshing teal of #106b87, this palette is ideal for branding projects that aim to convey sophistication and depth.
Whether you’re designing a logo for a luxury brand or crafting an atmospheric website, the Moody Twilight palette sets the perfect tone for captivating visuals that resonate with your audience. This color palette is particularly suited for creatives and designers looking to evoke a moody, enchanting style in their projects.
It works beautifully in web design, creating immersive user experiences that draw visitors in with its rich contrasts and harmonious blends. Additionally, the palette is perfect for packaging design, especially for products like artisanal goods or beauty items that benefit from a touch of elegance.
For interior designers, combining these hues can transform spaces into serene retreats, making them ideal for stylish cafes, boutique hotels, or cozy home environments. The Moody Twilight Color Palette invites exploration and creativity, making it a fantastic choice for any project that seeks to 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.902 0.047 313.75) | #ead6f5 | hsl(279, 61%, 90%) |
|
|
| 100 | oklch(0.752 0.122 313.46) | #ca97e5 | hsl(279, 60%, 75%) |
|
|
| 200 | oklch(0.611 0.193 312.33) | #aa58d5 | hsl(279, 60%, 59%) |
|
|
| 300 | oklch(0.489 0.201 311.15) | #842db1 | hsl(280, 59%, 44%) |
|
|
| 400 | oklch(0.361 0.142 311.44) | #551d72 | hsl(280, 59%, 28%) |
|
|
| 500 | oklch(0.220 0.075 312.16) | #260d33 | hsl(279, 59%, 13%) |
|
|
| 600 | oklch(0.214 0.073 311.66) | #240c31 | hsl(279, 61%, 12%) |
|
|
| 700 | oklch(0.211 0.070 312.21) | #230c2f | hsl(279, 59%, 12%) |
|
|
| 800 | oklch(0.204 0.068 311.68) | #210b2d | hsl(279, 61%, 11%) |
|
|
| 900 | oklch(0.201 0.065 312.26) | #200b2b | hsl(279, 59%, 11%) |
|
|
| 950 | oklch(0.195 0.063 311.69) | #1e0a29 | hsl(279, 61%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.043 236.24) | #ccebff | hsl(204, 100%, 90%) |
|
|
| 100 | oklch(0.822 0.101 239.04) | #85ceff | hsl(204, 100%, 76%) |
|
|
| 200 | oklch(0.733 0.151 242.47) | #3eb2ff | hsl(204, 100%, 62%) |
|
|
| 300 | oklch(0.653 0.179 248.82) | #0094f7 | hsl(204, 100%, 48%) |
|
|
| 400 | oklch(0.509 0.138 248.28) | #0069b0 | hsl(204, 100%, 35%) |
|
|
| 500 | oklch(0.357 0.092 246.18) | #003f69 | hsl(204, 100%, 21%) |
|
|
| 600 | oklch(0.333 0.084 245.07) | #00395e | hsl(204, 100%, 18%) |
|
|
| 700 | oklch(0.306 0.077 244.81) | #003253 | hsl(204, 100%, 16%) |
|
|
| 800 | oklch(0.282 0.070 244.04) | #002c49 | hsl(204, 100%, 14%) |
|
|
| 900 | oklch(0.254 0.062 243.55) | #00253e | hsl(204, 100%, 12%) |
|
|
| 950 | oklch(0.229 0.053 241.03) | #001f33 | hsl(204, 100%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.035 219.19) | #d1f0fa | hsl(195, 80%, 90%) |
|
|
| 100 | oklch(0.862 0.074 219.13) | #9adef3 | hsl(194, 79%, 78%) |
|
|
| 200 | oklch(0.795 0.107 221.28) | #63cced | hsl(194, 79%, 66%) |
|
|
| 300 | oklch(0.736 0.129 224.53) | #2cbae6 | hsl(194, 79%, 54%) |
|
|
| 400 | oklch(0.631 0.115 225.47) | #1797be | hsl(194, 78%, 42%) |
|
|
| 500 | oklch(0.492 0.089 225.20) | #106b87 | hsl(194, 79%, 30%) |
|
|
| 600 | oklch(0.446 0.080 224.61) | #0e5d75 | hsl(194, 79%, 26%) |
|
|
| 700 | oklch(0.399 0.070 223.83) | #0c4f63 | hsl(194, 78%, 22%) |
|
|
| 800 | oklch(0.347 0.060 224.57) | #0a4051 | hsl(194, 78%, 18%) |
|
|
| 900 | oklch(0.296 0.050 223.46) | #08323f | hsl(194, 77%, 14%) |
|
|
| 950 | oklch(0.243 0.040 223.43) | #05242e | hsl(195, 80%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.034 208.01) | #d3f3f8 | hsl(188, 73%, 90%) |
|
|
| 100 | oklch(0.877 0.071 210.58) | #9fe4f1 | hsl(190, 75%, 78%) |
|
|
| 200 | oklch(0.820 0.102 210.62) | #6bd6e9 | hsl(189, 74%, 67%) |
|
|
| 300 | oklch(0.767 0.122 212.83) | #37c7e1 | hsl(189, 74%, 55%) |
|
|
| 400 | oklch(0.672 0.113 214.07) | #1da7c0 | hsl(189, 74%, 43%) |
|
|
| 500 | oklch(0.534 0.089 213.49) | #157a8c | hsl(189, 74%, 32%) |
|
|
| 600 | oklch(0.481 0.079 213.88) | #126979 | hsl(189, 74%, 27%) |
|
|
| 700 | oklch(0.428 0.070 212.91) | #0f5966 | hsl(189, 74%, 23%) |
|
|
| 800 | oklch(0.371 0.060 213.36) | #0c4853 | hsl(189, 75%, 19%) |
|
|
| 900 | oklch(0.311 0.048 212.29) | #0a373f | hsl(189, 73%, 14%) |
|
|
| 950 | oklch(0.252 0.037 209.74) | #07272c | hsl(188, 73%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.005 78.30) | #e8e6e3 | hsl(36, 10%, 90%) |
|
|
| 100 | oklch(0.890 0.005 67.76) | #dddad7 | hsl(30, 8%, 85%) |
|
|
| 200 | oklch(0.856 0.008 73.73) | #d3cfca | hsl(33, 9%, 81%) |
|
|
| 300 | oklch(0.820 0.010 72.64) | #c8c3bd | hsl(33, 9%, 76%) |
|
|
| 400 | oklch(0.786 0.012 71.87) | #beb8b1 | hsl(32, 9%, 72%) |
|
|
| 500 | oklch(0.748 0.014 71.28) | #b3aca4 | hsl(32, 9%, 67%) |
|
|
| 600 | oklch(0.655 0.019 72.97) | #988f84 | hsl(33, 9%, 56%) |
|
|
| 700 | oklch(0.557 0.020 72.91) | #7b7267 | hsl(33, 9%, 44%) |
|
|
| 800 | oklch(0.450 0.016 71.11) | #5b544c | hsl(32, 9%, 33%) |
|
|
| 900 | oklch(0.340 0.011 67.44) | #3c3732 | hsl(30, 9%, 22%) |
|
|
| 950 | oklch(0.219 0.007 78.18) | #1c1a17 | hsl(36, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
