Moody Sophistication Color Palette
This palette exudes a moody sophistication with its deep slate gray, rich burgundy, warm copper, and soft light gray, creating a stylish yet inviting atmosphere perfect for modern elegance.
Practical uses and creative applications
The Moody Sophistication Color Palette is a striking combination of deep, nuanced hues that evoke a sense of elegance and depth. With its primary shades of muted gray (#7B7C7E) and rich charcoal (#364155), accented by warm burgundy (#954743), copper (#B87332), and soft light gray (#EDEDED), this palette is ideal for branding and web design that aims to convey a sophisticated and professional image.
Whether you are designing a luxury product line or a high-end website, these colors harmoniously blend to create a feeling of refined stability and timeless appeal. Ideal for designers, creatives, and brands looking to make a lasting impression, the Moody Sophistication Color Palette suits a variety of stylesranging from contemporary chic to classic elegance.
It works beautifully in interior design, where it can create inviting yet stylish spaces perfect for upscale cafes or boutique hotels. Additionally, its versatile tones can elevate packaging design, making products stand out on the shelf and resonate with consumers who appreciate quality and craftsmanship.
Embrace this palette to craft experiences that are both visually striking and emotionally captivating.
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.922 0.001 286.37) | #e5e5e6 | hsl(240, 2%, 90%) |
|
|
| 100 | oklch(0.858 0.001 286.37) | #d0d0d1 | hsl(240, 1%, 82%) |
|
|
| 200 | oklch(0.792 0.001 286.37) | #bbbbbc | hsl(240, 1%, 74%) |
|
|
| 300 | oklch(0.725 0.003 264.54) | #a5a6a8 | hsl(220, 2%, 65%) |
|
|
| 400 | oklch(0.656 0.003 264.54) | #909193 | hsl(220, 1%, 57%) |
|
|
| 500 | oklch(0.586 0.003 264.53) | #7b7c7e | hsl(220, 1%, 49%) |
|
|
| 600 | oklch(0.517 0.003 264.53) | #67686a | hsl(220, 1%, 41%) |
|
|
| 700 | oklch(0.449 0.002 247.87) | #545556 | hsl(210, 1%, 33%) |
|
|
| 800 | oklch(0.375 0.002 247.88) | #404142 | hsl(210, 2%, 25%) |
|
|
| 900 | oklch(0.298 0.002 286.29) | #2d2d2e | hsl(240, 1%, 18%) |
|
|
| 950 | oklch(0.214 0.002 286.23) | #19191a | hsl(240, 2%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.010 261.79) | #e0e4eb | hsl(218, 22%, 90%) |
|
|
| 100 | oklch(0.812 0.025 262.08) | #b9c2d2 | hsl(218, 22%, 77%) |
|
|
| 200 | oklch(0.703 0.040 262.08) | #92a0b9 | hsl(218, 22%, 65%) |
|
|
| 300 | oklch(0.591 0.059 261.48) | #6a7ea1 | hsl(218, 23%, 52%) |
|
|
| 400 | oklch(0.484 0.051 262.12) | #4f5f7c | hsl(219, 22%, 40%) |
|
|
| 500 | oklch(0.374 0.037 262.21) | #364155 | hsl(219, 22%, 27%) |
|
|
| 600 | oklch(0.343 0.033 260.92) | #2f394a | hsl(218, 22%, 24%) |
|
|
| 700 | oklch(0.311 0.028 259.12) | #28313f | hsl(217, 22%, 20%) |
|
|
| 800 | oklch(0.276 0.026 262.64) | #212835 | hsl(219, 23%, 17%) |
|
|
| 900 | oklch(0.243 0.021 264.08) | #1b202a | hsl(220, 22%, 14%) |
|
|
| 950 | oklch(0.208 0.015 261.60) | #14181f | hsl(218, 22%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.020 21.38) | #efdddc | hsl(3, 37%, 90%) |
|
|
| 100 | oklch(0.826 0.042 21.78) | #e0bcba | hsl(3, 38%, 80%) |
|
|
| 200 | oklch(0.742 0.064 22.41) | #d19c99 | hsl(3, 38%, 71%) |
|
|
| 300 | oklch(0.656 0.090 23.30) | #c27b77 | hsl(3, 38%, 61%) |
|
|
| 400 | oklch(0.574 0.116 24.03) | #b35a56 | hsl(3, 38%, 52%) |
|
|
| 500 | oklch(0.496 0.106 24.64) | #954743 | hsl(3, 38%, 42%) |
|
|
| 600 | oklch(0.441 0.092 24.20) | #7e3c39 | hsl(3, 38%, 36%) |
|
|
| 700 | oklch(0.384 0.078 23.56) | #67312f | hsl(2, 37%, 29%) |
|
|
| 800 | oklch(0.327 0.065 24.00) | #512624 | hsl(3, 38%, 23%) |
|
|
| 900 | oklch(0.268 0.048 24.75) | #3a1c1a | hsl(4, 38%, 16%) |
|
|
| 950 | oklch(0.203 0.030 23.52) | #231110 | hsl(3, 37%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.025 65.57) | #f4e5d7 | hsl(29, 57%, 90%) |
|
|
| 100 | oklch(0.868 0.047 65.04) | #eaceb4 | hsl(29, 56%, 81%) |
|
|
| 200 | oklch(0.807 0.071 64.42) | #e1b790 | hsl(29, 57%, 72%) |
|
|
| 300 | oklch(0.746 0.094 63.44) | #d7a06d | hsl(29, 57%, 64%) |
|
|
| 400 | oklch(0.690 0.116 62.50) | #ce8a49 | hsl(29, 58%, 55%) |
|
|
| 500 | oklch(0.618 0.118 60.72) | #b87332 | hsl(29, 57%, 46%) |
|
|
| 600 | oklch(0.546 0.103 61.08) | #9b612a | hsl(29, 57%, 39%) |
|
|
| 700 | oklch(0.472 0.087 61.58) | #7e4f22 | hsl(29, 58%, 31%) |
|
|
| 800 | oklch(0.396 0.071 60.89) | #623d1b | hsl(29, 57%, 25%) |
|
|
| 900 | oklch(0.316 0.053 61.56) | #452b13 | hsl(29, 57%, 17%) |
|
|
| 950 | oklch(0.229 0.034 62.81) | #28190b | hsl(29, 57%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.928 0.000 89.88) | #e7e7e7 | hsl(0, 0%, 91%) |
|
|
| 200 | oklch(0.934 0.000 89.88) | #e9e9e9 | hsl(0, 0%, 91%) |
|
|
| 300 | oklch(0.937 0.000 89.88) | #eaeaea | hsl(0, 0%, 92%) |
|
|
| 400 | oklch(0.943 0.000 89.88) | #ececec | hsl(0, 0%, 93%) |
|
|
| 500 | oklch(0.946 0.000 89.88) | #ededed | hsl(0, 0%, 93%) |
|
|
| 600 | oklch(0.817 0.000 89.88) | #c3c3c3 | hsl(0, 0%, 76%) |
|
|
| 700 | oklch(0.680 0.000 89.88) | #989898 | hsl(0, 0%, 60%) |
|
|
| 800 | oklch(0.538 0.000 89.88) | #6e6e6e | hsl(0, 0%, 43%) |
|
|
| 900 | oklch(0.387 0.000 89.88) | #444444 | hsl(0, 0%, 27%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
