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.

#2B2D42
#8D99AE
#EDF2F4
#EF233C
#D90429

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.

#032560
#45474E
#8978FB
#641838
#B2098B
#DF5441
#C33B2C
#363636
#AAB797
#DFE1BD
#56637B
#ECD5BB
#840921
#FFFFFF
#0D2A45
#000000
#9f111b
#b11623
#292c37
#cccccc
#f6f6f6
#e8e8e8
#333333
#990100
#b90504
#a1a6aa
#bd928b
#de7571
#ff4e44
#282634
#140d1a
#42142a
#ff2e5f
#ffd452
#faeeca
#02031a
#021b2b
#b10c43
#ff0841
#ebdfcc
#090f13
#171f25
#752e2b
#c90a02
#f2eab7
© 2025 KColor. All rights reserved. 1.11.0