Moody Twilight Color Palette
A moody blend of deep twilight blues and grays punctuated by vibrant crimson and fiery coral, this palette exudes a dramatic, modern edge infused with a hint of rebellious energy.
Practical uses and creative applications
The Moody Twilight Color Palette captures the essence of a dusky evening with its deep, rich shades and vibrant accents. Featuring a sophisticated blend of dark grays (#282A36, #36384A, #44475A) complemented by striking pops of crimson (#DC143C) and coral (#FF3B30), this palette is perfect for branding projects that aim to evoke a sense of mystery and allure.
Whether you're designing a logo for a trendy café or developing a visual identity for a modern art gallery, the combination of these colors will create a compelling narrative that draws in your audience. Ideal for web design, the Moody Twilight Palette can enhance user experience by establishing a dramatic backdrop that highlights key content.
Designers and creatives can leverage these colors for packaging that stands out on the shelf, making products feel exclusive and stylish. Moreover, interior designers can use this palette to create intimate spaces, perfect for lounges or home theaters, where warmth and comfort meet elegance.
By incorporating the Moody Twilight Color Palette into your projects, you can set the tone for a captivating and immersive experience that resonates with your target audience.
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.917 0.008 278.63) | #e2e3e9 | hsl(231, 14%, 90%) |
|
|
| 100 | oklch(0.792 0.023 280.19) | #b8baca | hsl(233, 15%, 76%) |
|
|
| 200 | oklch(0.665 0.037 278.16) | #8e92ab | hsl(232, 15%, 61%) |
|
|
| 300 | oklch(0.535 0.049 277.47) | #666b8a | hsl(232, 15%, 47%) |
|
|
| 400 | oklch(0.418 0.035 276.34) | #474b60 | hsl(230, 15%, 33%) |
|
|
| 500 | oklch(0.288 0.022 277.51) | #282a36 | hsl(231, 15%, 18%) |
|
|
| 600 | oklch(0.271 0.021 276.87) | #242631 | hsl(231, 15%, 17%) |
|
|
| 700 | oklch(0.255 0.019 280.49) | #21222c | hsl(235, 14%, 15%) |
|
|
| 800 | oklch(0.238 0.017 280.02) | #1d1e27 | hsl(234, 15%, 13%) |
|
|
| 900 | oklch(0.223 0.014 272.68) | #191b22 | hsl(227, 15%, 12%) |
|
|
| 950 | oklch(0.206 0.012 277.83) | #16171d | hsl(231, 14%, 10%) |
|
| 50 | oklch(0.915 0.009 286.21) | #e2e2e9 | hsl(240, 14%, 90%) |
|
|
| 100 | oklch(0.802 0.024 280.50) | #bbbdce | hsl(234, 16%, 77%) |
|
|
| 200 | oklch(0.686 0.038 280.14) | #9598b2 | hsl(234, 16%, 64%) |
|
|
| 300 | oklch(0.565 0.054 279.43) | #6f7396 | hsl(234, 16%, 51%) |
|
|
| 400 | oklch(0.458 0.044 279.56) | #525570 | hsl(234, 15%, 38%) |
|
|
| 500 | oklch(0.346 0.031 279.67) | #36384a | hsl(234, 16%, 25%) |
|
|
| 600 | oklch(0.319 0.028 281.86) | #303141 | hsl(236, 15%, 22%) |
|
|
| 700 | oklch(0.293 0.024 277.98) | #292b38 | hsl(232, 15%, 19%) |
|
|
| 800 | oklch(0.264 0.021 280.82) | #23242f | hsl(235, 15%, 16%) |
|
|
| 900 | oklch(0.234 0.017 279.99) | #1c1d26 | hsl(234, 15%, 13%) |
|
|
| 950 | oklch(0.203 0.014 285.10) | #16161d | hsl(240, 14%, 10%) |
|
| 50 | oklch(0.917 0.008 278.63) | #e2e3e9 | hsl(231, 14%, 90%) |
|
|
| 100 | oklch(0.816 0.018 279.00) | #c0c2cf | hsl(232, 14%, 78%) |
|
|
| 200 | oklch(0.712 0.029 276.66) | #9da1b5 | hsl(230, 14%, 66%) |
|
|
| 300 | oklch(0.603 0.043 278.65) | #7b7f9b | hsl(233, 14%, 55%) |
|
|
| 400 | oklch(0.503 0.042 277.95) | #5e627c | hsl(232, 14%, 43%) |
|
|
| 500 | oklch(0.403 0.032 277.83) | #44475a | hsl(232, 14%, 31%) |
|
|
| 600 | oklch(0.365 0.029 279.58) | #3b3d4e | hsl(234, 14%, 27%) |
|
|
| 700 | oklch(0.329 0.025 278.56) | #323442 | hsl(233, 14%, 23%) |
|
|
| 800 | oklch(0.288 0.020 276.96) | #282a35 | hsl(231, 14%, 18%) |
|
|
| 900 | oklch(0.249 0.015 274.19) | #1f2129 | hsl(228, 14%, 14%) |
|
|
| 950 | oklch(0.206 0.012 277.83) | #16171d | hsl(231, 14%, 10%) |
|
| 50 | oklch(0.897 0.050 4.04) | #fbd0d9 | hsl(347, 84%, 90%) |
|
|
| 100 | oklch(0.812 0.095 6.11) | #f7a8b8 | hsl(348, 83%, 81%) |
|
|
| 200 | oklch(0.734 0.142 8.50) | #f38097 | hsl(348, 83%, 73%) |
|
|
| 300 | oklch(0.669 0.187 11.90) | #f05876 | hsl(348, 84%, 64%) |
|
|
| 400 | oklch(0.618 0.220 16.51) | #ec3055 | hsl(348, 83%, 56%) |
|
|
| 500 | oklch(0.571 0.222 20.09) | #dc143c | hsl(348, 83%, 47%) |
|
|
| 600 | oklch(0.503 0.194 19.54) | #b91133 | hsl(348, 83%, 40%) |
|
|
| 700 | oklch(0.434 0.166 19.32) | #970e29 | hsl(348, 83%, 32%) |
|
|
| 800 | oklch(0.361 0.136 18.30) | #740b20 | hsl(348, 83%, 25%) |
|
|
| 900 | oklch(0.283 0.104 16.99) | #510716 | hsl(348, 84%, 17%) |
|
|
| 950 | oklch(0.202 0.070 13.18) | #2f040d | hsl(347, 84%, 10%) |
|
| 50 | oklch(0.895 0.055 22.40) | #ffcfcc | hsl(4, 100%, 90%) |
|
|
| 100 | oklch(0.834 0.092 22.49) | #ffb1ad | hsl(3, 100%, 84%) |
|
|
| 200 | oklch(0.778 0.130 23.89) | #ff948e | hsl(3, 100%, 78%) |
|
|
| 300 | oklch(0.727 0.169 25.49) | #ff766e | hsl(3, 100%, 72%) |
|
|
| 400 | oklch(0.686 0.203 27.24) | #ff594f | hsl(3, 100%, 65%) |
|
|
| 500 | oklch(0.654 0.232 28.66) | #ff3b30 | hsl(3, 100%, 59%) |
|
|
| 600 | oklch(0.627 0.254 29.65) | #fd0d00 | hsl(3, 100%, 50%) |
|
|
| 700 | oklch(0.530 0.214 29.80) | #ca0b00 | hsl(3, 100%, 40%) |
|
|
| 800 | oklch(0.430 0.172 30.01) | #980800 | hsl(3, 100%, 30%) |
|
|
| 900 | oklch(0.322 0.127 30.41) | #650500 | hsl(3, 100%, 20%) |
|
|
| 950 | oklch(0.207 0.078 32.03) | #330300 | hsl(4, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
