Modern Moody Color Palette
This palette exudes a modern, moody elegance with its deep navy and cool grays, punctuated by vibrant splashes of bold red, creating a striking balance between sophistication and passion.
Practical uses and creative applications
The Modern Moody Color Palette is a striking combination of deep, sophisticated hues that can elevate any design project. Featuring rich shades like #2B2D42, a dark blue-gray, and the bold #EF233C, a vibrant red, this palette is perfect for branding that seeks to convey strength and creativity.
Ideal for designers targeting industries such as fashion, technology, or the arts, these colors can create a memorable brand identity that resonates with modern audiences. In web design, the Modern Moody Color Palette can create a visually arresting user experience.
The contrast between the calm #8D99AE and the crisp #EDF2F4 offers a balanced backdrop, making it suitable for websites that aim for a sleek, contemporary look. Whether you’re designing an e-commerce platform or a personal portfolio, this palette can help set the right moodevoking feelings of sophistication and passion.
Additionally, it’s an excellent choice for interior designers looking to create a stylish atmosphere in residential or commercial spaces, as the deep and muted tones promote a sense of elegance and calm. For creatives and marketers, this palette is not just visually appealing but also versatile.
It works beautifully in packaging design, especially for products that wish to stand out on shelves while still feeling refined. Whether you’re a graphic designer, a branding expert, or an interior decorator, the Modern Moody Color Palette provides the perfect blend of drama and sophistication, setting the stage for impactful visuals that captivate and engage your 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.
dsfds
50 | oklch(0.912 0.014 281.55) | #e0e1eb | hsl(235, 22%, 90%) |
|
|
100 | oklch(0.788 0.033 281.68) | #b6b8cf | hsl(235, 21%, 76%) |
|
|
200 | oklch(0.660 0.055 279.94) | #8b8fb4 | hsl(234, 21%, 63%) |
|
|
300 | oklch(0.529 0.076 278.91) | #626797 | hsl(234, 21%, 49%) |
|
|
400 | oklch(0.421 0.057 279.78) | #474a6c | hsl(235, 21%, 35%) |
|
|
500 | oklch(0.305 0.038 279.69) | #2b2d42 | hsl(235, 21%, 21%) |
|
|
600 | oklch(0.284 0.035 279.27) | #26283b | hsl(234, 22%, 19%) |
|
|
700 | oklch(0.263 0.032 281.37) | #222334 | hsl(237, 21%, 17%) |
|
|
800 | oklch(0.244 0.027 277.91) | #1d1f2d | hsl(233, 22%, 15%) |
|
|
900 | oklch(0.223 0.023 280.61) | #191a26 | hsl(235, 21%, 12%) |
|
|
950 | oklch(0.200 0.020 279.96) | #14151f | hsl(235, 22%, 10%) |
|
dsfds
50 | oklch(0.918 0.009 264.52) | #e1e4ea | hsl(220, 18%, 90%) |
|
|
100 | oklch(0.872 0.014 262.38) | #d0d5de | hsl(219, 18%, 84%) |
|
|
200 | oklch(0.826 0.018 264.47) | #c0c6d2 | hsl(220, 17%, 79%) |
|
|
300 | oklch(0.778 0.023 263.17) | #afb7c6 | hsl(219, 17%, 73%) |
|
|
400 | oklch(0.729 0.028 262.31) | #9ea8ba | hsl(219, 17%, 67%) |
|
|
500 | oklch(0.680 0.034 261.69) | #8d99ae | hsl(218, 17%, 62%) |
|
|
600 | oklch(0.587 0.045 262.14) | #6e7d98 | hsl(219, 17%, 51%) |
|
|
700 | oklch(0.501 0.039 260.91) | #57647a | hsl(218, 17%, 41%) |
|
|
800 | oklch(0.411 0.031 261.00) | #414b5c | hsl(218, 17%, 31%) |
|
|
900 | oklch(0.315 0.022 259.38) | #2b323d | hsl(217, 17%, 20%) |
|
|
950 | oklch(0.209 0.013 264.25) | #15181e | hsl(220, 18%, 10%) |
|
dsfds
50 | oklch(0.925 0.011 225.99) | #dfe8ec | hsl(198, 25%, 90%) |
|
|
100 | oklch(0.932 0.010 222.06) | #e2eaed | hsl(196, 23%, 91%) |
|
|
200 | oklch(0.939 0.009 225.09) | #e5ecef | hsl(198, 24%, 92%) |
|
|
300 | oklch(0.945 0.008 228.86) | #e8eef1 | hsl(200, 24%, 93%) |
|
|
400 | oklch(0.951 0.007 219.56) | #eaf0f2 | hsl(195, 24%, 93%) |
|
|
500 | oklch(0.958 0.006 223.46) | #edf2f4 | hsl(197, 24%, 94%) |
|
|
600 | oklch(0.830 0.024 224.91) | #b8cbd3 | hsl(198, 23%, 77%) |
|
|
700 | oklch(0.701 0.043 224.28) | #82a5b3 | hsl(197, 24%, 61%) |
|
|
800 | oklch(0.560 0.049 224.54) | #557b8a | hsl(197, 24%, 44%) |
|
|
900 | oklch(0.401 0.033 223.25) | #344c55 | hsl(196, 24%, 27%) |
|
|
950 | oklch(0.219 0.015 226.96) | #131c20 | hsl(198, 25%, 10%) |
|
dsfds
50 | oklch(0.895 0.051 9.14) | #fccfd5 | hsl(352, 88%, 90%) |
|
|
100 | oklch(0.822 0.090 11.41) | #f9adb6 | hsl(353, 86%, 83%) |
|
|
200 | oklch(0.755 0.133 12.57) | #f78a98 | hsl(352, 87%, 75%) |
|
|
300 | oklch(0.695 0.172 15.37) | #f46879 | hsl(353, 86%, 68%) |
|
|
400 | oklch(0.646 0.208 18.35) | #f2455b | hsl(352, 87%, 61%) |
|
|
500 | oklch(0.612 0.231 22.61) | #ef233c | hsl(353, 86%, 54%) |
|
|
600 | oklch(0.556 0.220 24.63) | #d61028 | hsl(353, 86%, 45%) |
|
|
700 | oklch(0.474 0.186 24.29) | #ac0d20 | hsl(353, 86%, 36%) |
|
|
800 | oklch(0.390 0.151 23.83) | #830a18 | hsl(353, 86%, 28%) |
|
|
900 | oklch(0.298 0.113 21.93) | #590611 | hsl(352, 87%, 19%) |
|
|
950 | oklch(0.202 0.073 18.13) | #300309 | hsl(352, 88%, 10%) |
|
dsfds
50 | oklch(0.893 0.056 7.28) | #fecdd5 | hsl(350, 96%, 90%) |
|
|
100 | oklch(0.800 0.115 8.37) | #fd9eaf | hsl(349, 96%, 81%) |
|
|
200 | oklch(0.719 0.173 11.57) | #fc6f88 | hsl(349, 96%, 71%) |
|
|
300 | oklch(0.659 0.220 16.40) | #fb4161 | hsl(350, 96%, 62%) |
|
|
400 | oklch(0.628 0.248 22.57) | #fb123a | hsl(350, 97%, 53%) |
|
|
500 | oklch(0.559 0.225 23.97) | #d90429 | hsl(350, 96%, 43%) |
|
|
600 | oklch(0.495 0.199 23.49) | #b80323 | hsl(349, 97%, 37%) |
|
|
700 | oklch(0.426 0.170 23.13) | #96031c | hsl(350, 96%, 30%) |
|
|
800 | oklch(0.356 0.142 22.10) | #750216 | hsl(350, 97%, 23%) |
|
|
900 | oklch(0.282 0.110 20.28) | #530210 | hsl(350, 95%, 17%) |
|
|
950 | oklch(0.203 0.079 17.00) | #320109 | hsl(350, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.