Moody Color Palette for Bold Styles
This moody palette blends deep charcoal and rich burgundy with a striking pop of vibrant pink, evoking a bold, contemporary style that feels both edgy and dramatic.
Practical uses and creative applications
The 'Moody Color Palette for Bold Styles' is a striking combination of deep hues and vibrant accents, perfect for creatives looking to make a statement. Featuring rich shades like #2b2c30, #35313b, and #453745, this palette exudes sophistication and drama, making it ideal for branding projects that demand attention.
The standout pop of #ff1457 adds a playful energy, ensuring that designs remain memorable and engaging. Whether you're a graphic designer crafting a modern logo or a web designer aiming to create a captivating user experience, this palette provides the perfect backdrop for standout visuals.
Ideal for fashion brands, chic interior designs, and contemporary packaging, this moody color palette resonates with a variety of audiences. Interior designers can use it to create inviting yet bold spaces, while marketers can leverage its striking colors to enhance product visibility.
The versatility of this palette allows it to suit both modern aesthetics and retro vibes, making it a go-to choice for anyone looking to infuse creativity into their work. Whether you're designing for a trendy café or a cutting-edge tech startup, the 'Moody Color Palette for Bold Styles' will elevate your projects and attract attention.
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.922 0.003 264.54) | #e4e5e7 | hsl(220, 6%, 90%) |
|
|
| 100 | oklch(0.805 0.007 268.53) | #bdbfc4 | hsl(223, 6%, 75%) |
|
|
| 200 | oklch(0.683 0.012 269.50) | #9699a1 | hsl(224, 6%, 61%) |
|
|
| 300 | oklch(0.558 0.017 277.62) | #71737e | hsl(231, 5%, 47%) |
|
|
| 400 | oklch(0.432 0.012 273.15) | #4e5057 | hsl(227, 5%, 32%) |
|
|
| 500 | oklch(0.294 0.007 274.72) | #2b2c30 | hsl(228, 5%, 18%) |
|
|
| 600 | oklch(0.277 0.007 274.69) | #27282c | hsl(228, 6%, 16%) |
|
|
| 700 | oklch(0.261 0.008 274.66) | #232428 | hsl(228, 7%, 15%) |
|
|
| 800 | oklch(0.245 0.006 285.98) | #202023 | hsl(240, 4%, 13%) |
|
|
| 900 | oklch(0.231 0.004 264.49) | #1c1d1f | hsl(220, 5%, 12%) |
|
|
| 950 | oklch(0.213 0.004 264.48) | #18191b | hsl(220, 6%, 10%) |
|
| 50 | oklch(0.919 0.007 304.24) | #e5e3e8 | hsl(264, 10%, 90%) |
|
|
| 100 | oklch(0.805 0.016 302.50) | #c1bdc8 | hsl(262, 9%, 76%) |
|
|
| 200 | oklch(0.686 0.028 305.68) | #9e96a8 | hsl(267, 9%, 62%) |
|
|
| 300 | oklch(0.565 0.036 303.03) | #7a7188 | hsl(263, 9%, 49%) |
|
|
| 400 | oklch(0.447 0.027 302.38) | #575161 | hsl(263, 9%, 35%) |
|
|
| 500 | oklch(0.321 0.018 303.53) | #35313b | hsl(264, 9%, 21%) |
|
|
| 600 | oklch(0.300 0.017 300.60) | #2f2c35 | hsl(260, 9%, 19%) |
|
|
| 700 | oklch(0.279 0.015 302.47) | #2a272f | hsl(263, 9%, 17%) |
|
|
| 800 | oklch(0.254 0.014 304.82) | #242128 | hsl(266, 10%, 14%) |
|
|
| 900 | oklch(0.232 0.012 307.88) | #1f1c22 | hsl(270, 10%, 12%) |
|
|
| 950 | oklch(0.209 0.010 303.65) | #19171c | hsl(264, 10%, 10%) |
|
| 50 | oklch(0.921 0.009 325.65) | #e8e3e8 | hsl(300, 10%, 90%) |
|
|
| 100 | oklch(0.814 0.025 325.80) | #cbbdcb | hsl(300, 12%, 77%) |
|
|
| 200 | oklch(0.705 0.038 325.98) | #ad98ad | hsl(300, 11%, 64%) |
|
|
| 300 | oklch(0.592 0.053 326.23) | #8f738f | hsl(300, 11%, 51%) |
|
|
| 400 | oklch(0.478 0.042 326.21) | #6a556a | hsl(300, 11%, 37%) |
|
|
| 500 | oklch(0.357 0.030 326.19) | #453745 | hsl(300, 11%, 24%) |
|
|
| 600 | oklch(0.331 0.027 326.16) | #3d313d | hsl(300, 11%, 22%) |
|
|
| 700 | oklch(0.302 0.025 326.17) | #352a35 | hsl(300, 12%, 19%) |
|
|
| 800 | oklch(0.274 0.021 326.13) | #2d242d | hsl(300, 11%, 16%) |
|
|
| 900 | oklch(0.244 0.019 326.14) | #251d25 | hsl(300, 12%, 13%) |
|
|
| 950 | oklch(0.213 0.012 326.00) | #1c171c | hsl(300, 10%, 10%) |
|
| 50 | oklch(0.916 0.016 347.66) | #ecdfe5 | hsl(332, 25%, 90%) |
|
|
| 100 | oklch(0.815 0.034 348.27) | #d4bac6 | hsl(332, 23%, 78%) |
|
|
| 200 | oklch(0.712 0.053 351.18) | #bd95a6 | hsl(335, 23%, 66%) |
|
|
| 300 | oklch(0.608 0.075 352.36) | #a67087 | hsl(334, 23%, 55%) |
|
|
| 400 | oklch(0.507 0.074 352.64) | #865369 | hsl(334, 24%, 43%) |
|
|
| 500 | oklch(0.405 0.057 352.42) | #613c4c | hsl(334, 24%, 31%) |
|
|
| 600 | oklch(0.368 0.050 352.04) | #543442 | hsl(334, 24%, 27%) |
|
|
| 700 | oklch(0.330 0.043 353.66) | #472c37 | hsl(336, 23%, 23%) |
|
|
| 800 | oklch(0.291 0.036 353.40) | #3a242d | hsl(335, 23%, 18%) |
|
|
| 900 | oklch(0.251 0.029 353.02) | #2d1c23 | hsl(335, 23%, 14%) |
|
|
| 950 | oklch(0.207 0.024 350.12) | #201319 | hsl(332, 25%, 10%) |
|
| 50 | oklch(0.894 0.061 358.91) | #ffccdb | hsl(342, 100%, 90%) |
|
|
| 100 | oklch(0.822 0.108 1.26) | #ffa7c0 | hsl(343, 100%, 83%) |
|
|
| 200 | oklch(0.757 0.155 3.23) | #ff82a6 | hsl(343, 100%, 75%) |
|
|
| 300 | oklch(0.703 0.198 6.23) | #ff5e8c | hsl(343, 100%, 68%) |
|
|
| 400 | oklch(0.663 0.231 10.40) | #ff3971 | hsl(343, 100%, 61%) |
|
|
| 500 | oklch(0.640 0.250 15.53) | #ff1457 | hsl(343, 100%, 54%) |
|
|
| 600 | oklch(0.586 0.235 18.36) | #e60042 | hsl(343, 100%, 45%) |
|
|
| 700 | oklch(0.498 0.200 17.74) | #b90035 | hsl(343, 100%, 36%) |
|
|
| 800 | oklch(0.408 0.163 16.90) | #8d0028 | hsl(343, 100%, 28%) |
|
|
| 900 | oklch(0.311 0.124 15.10) | #60001b | hsl(343, 100%, 19%) |
|
|
| 950 | oklch(0.205 0.082 9.28) | #33000f | hsl(342, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
