Moody Elegance Color Palette
This palette exudes a moody elegance with deep midnight blues and blacks, accented by soft slate grays and a vibrant pop of golden amber, creating a stylish contrast between mystery and warmth.
Practical uses and creative applications
The Moody Elegance Color Palette is a captivating blend of deep blacks, serene blues, and a vibrant pop of yellow that evokes a sophisticated atmosphere, making it an ideal choice for designers and creatives aiming to convey depth and refinement. With its primary colors#000000, #7890a8, #304878, #181848, and #f0a818this palette effortlessly complements a variety of branding needs, from high-end fashion labels to luxury lifestyle websites.
The rich dark tones provide a dramatic backdrop, while the warm yellow accent adds a touch of brightness, making it perfect for logos, business cards, and promotional materials that require an air of elegance. In web design, the Moody Elegance Color Palette shines through with its ability to create visually striking user interfaces that engage visitors.
The combination of muted blues and blacks can be used for backgrounds and text, allowing the vibrant yellow to draw attention to call-to-action buttons or key information, ensuring a seamless user experience. This palette is particularly well-suited for interior designers looking to craft sophisticated spaces, whether in residential homes or boutique hotels, where a moody yet inviting atmosphere is desired.
Overall, this palette appeals to professionals and creatives who seek to make a bold statement while maintaining a sense of understated elegance.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
| 500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
| 600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
| 700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
| 800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
| 900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.009 242.84) | #e0e6eb | hsl(207, 22%, 90%) |
|
|
| 100 | oklch(0.866 0.017 250.86) | #cbd4de | hsl(212, 22%, 83%) |
|
|
| 200 | oklch(0.811 0.023 248.11) | #b6c3d0 | hsl(210, 22%, 76%) |
|
|
| 300 | oklch(0.757 0.030 249.84) | #a2b2c3 | hsl(211, 22%, 70%) |
|
|
| 400 | oklch(0.700 0.037 248.36) | #8da1b5 | hsl(210, 21%, 63%) |
|
|
| 500 | oklch(0.643 0.045 248.53) | #7890a8 | hsl(210, 22%, 56%) |
|
|
| 600 | oklch(0.562 0.051 248.74) | #5e7892 | hsl(210, 22%, 47%) |
|
|
| 700 | oklch(0.483 0.041 247.43) | #4c6175 | hsl(209, 21%, 38%) |
|
|
| 800 | oklch(0.398 0.034 248.69) | #394959 | hsl(210, 22%, 29%) |
|
|
| 900 | oklch(0.309 0.024 251.05) | #27313c | hsl(211, 21%, 19%) |
|
|
| 950 | oklch(0.214 0.013 243.56) | #141a1f | hsl(207, 22%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.021 264.47) | #dbe2f0 | hsl(220, 41%, 90%) |
|
|
| 100 | oklch(0.809 0.047 263.67) | #b1c1e0 | hsl(220, 43%, 79%) |
|
|
| 200 | oklch(0.702 0.076 263.90) | #879fcf | hsl(220, 43%, 67%) |
|
|
| 300 | oklch(0.597 0.106 263.55) | #5e7ebf | hsl(220, 43%, 56%) |
|
|
| 400 | oklch(0.500 0.111 263.16) | #4161a2 | hsl(220, 43%, 45%) |
|
|
| 500 | oklch(0.407 0.086 263.01) | #304878 | hsl(220, 43%, 33%) |
|
|
| 600 | oklch(0.368 0.076 262.68) | #293e67 | hsl(220, 43%, 28%) |
|
|
| 700 | oklch(0.329 0.066 263.55) | #233457 | hsl(220, 43%, 24%) |
|
|
| 800 | oklch(0.287 0.055 263.18) | #1c2a46 | hsl(220, 43%, 19%) |
|
|
| 900 | oklch(0.245 0.043 262.55) | #152035 | hsl(219, 43%, 15%) |
|
|
| 950 | oklch(0.201 0.030 263.54) | #0f1624 | hsl(220, 41%, 10%) |
|
dsfds
| 50 | oklch(0.893 0.034 285.69) | #d9d9f2 | hsl(240, 49%, 90%) |
|
|
| 100 | oklch(0.735 0.089 283.99) | #a2a2e0 | hsl(240, 50%, 76%) |
|
|
| 200 | oklch(0.579 0.147 280.76) | #6c6cce | hsl(240, 50%, 62%) |
|
|
| 300 | oklch(0.438 0.186 275.55) | #3c3cb5 | hsl(240, 50%, 47%) |
|
|
| 400 | oklch(0.343 0.138 276.30) | #2a2a7e | hsl(240, 50%, 33%) |
|
|
| 500 | oklch(0.243 0.087 277.71) | #181848 | hsl(240, 50%, 19%) |
|
|
| 600 | oklch(0.230 0.080 278.14) | #161641 | hsl(240, 49%, 17%) |
|
|
| 700 | oklch(0.219 0.073 278.44) | #14143b | hsl(240, 49%, 15%) |
|
|
| 800 | oklch(0.202 0.067 278.56) | #111134 | hsl(240, 51%, 14%) |
|
|
| 900 | oklch(0.189 0.059 279.18) | #0f0f2d | hsl(240, 50%, 12%) |
|
|
| 950 | oklch(0.176 0.050 279.92) | #0d0d26 | hsl(240, 49%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.043 84.58) | #fcedcf | hsl(40, 88%, 90%) |
|
|
| 100 | oklch(0.913 0.074 83.98) | #fadfaa | hsl(40, 89%, 82%) |
|
|
| 200 | oklch(0.877 0.103 83.56) | #f7d186 | hsl(40, 88%, 75%) |
|
|
| 300 | oklch(0.845 0.129 82.94) | #f5c461 | hsl(40, 88%, 67%) |
|
|
| 400 | oklch(0.812 0.148 80.84) | #f2b63d | hsl(40, 87%, 59%) |
|
|
| 500 | oklch(0.781 0.159 76.89) | #f0a818 | hsl(40, 88%, 52%) |
|
|
| 600 | oklch(0.697 0.144 75.87) | #d08f0e | hsl(40, 87%, 44%) |
|
|
| 700 | oklch(0.598 0.122 76.74) | #a8740b | hsl(40, 88%, 35%) |
|
|
| 800 | oklch(0.491 0.100 77.08) | #805808 | hsl(40, 88%, 27%) |
|
|
| 900 | oklch(0.379 0.075 77.48) | #583c06 | hsl(40, 87%, 18%) |
|
|
| 950 | oklch(0.260 0.050 81.32) | #302103 | hsl(40, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
