Moody Sophistication Color Palette
This palette exudes a moody sophistication, blending deep charcoal gray with soft cream, muted olive, and striking accents of burnt orange and crimson, creating a dramatic yet inviting atmosphere.
Practical uses and creative applications
The Moody Sophistication Color Palette is a striking blend of deep neutrals and warm accents that exudes elegance and depth. Featuring shades like #444444, a rich charcoal, and #fcf7d1, a soft cream, this palette creates a beautiful contrast that works harmoniously in various design contexts.
Ideal for branding, web design, and packaging, these colors can be used to evoke feelings of luxury and refinement, making them perfect for upscale brands or creative projects that aim to make a lasting impression. This color palette is particularly suited for designers and creatives looking to convey a sense of sophistication while maintaining an inviting atmosphere.
The earthy tones of #a9a17a and the bold accents of #b52c00 and #8c0005 provide versatility, allowing for use in modern interiors, stylish product packaging, or compelling digital platforms. Whether you're designing a chic restaurant website or curating an elegant product line, the Moody Sophistication Color Palette is sure to resonate with audiences seeking a blend of professionalism and warmth.
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.823 0.000 89.88) | #c5c5c5 | hsl(0, 0%, 77%) |
|
|
| 200 | oklch(0.722 0.000 89.88) | #a5a5a5 | hsl(0, 0%, 65%) |
|
|
| 300 | oklch(0.617 0.000 89.88) | #858585 | hsl(0, 0%, 52%) |
|
|
| 400 | oklch(0.503 0.000 89.88) | #646464 | hsl(0, 0%, 39%) |
|
|
| 500 | oklch(0.387 0.000 89.88) | #444444 | hsl(0, 0%, 27%) |
|
|
| 600 | oklch(0.356 0.000 89.88) | #3c3c3c | hsl(0, 0%, 24%) |
|
|
| 700 | oklch(0.321 0.000 89.88) | #333333 | hsl(0, 0%, 20%) |
|
|
| 800 | oklch(0.289 0.000 89.88) | #2b2b2b | hsl(0, 0%, 17%) |
|
|
| 900 | oklch(0.252 0.000 89.88) | #222222 | hsl(0, 0%, 13%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.970 0.052 101.42) | #fcf7cf | hsl(53, 88%, 90%) |
|
|
| 100 | oklch(0.970 0.052 101.42) | #fcf7cf | hsl(53, 88%, 90%) |
|
|
| 200 | oklch(0.970 0.051 101.25) | #fcf7d0 | hsl(53, 88%, 90%) |
|
|
| 300 | oklch(0.970 0.051 101.25) | #fcf7d0 | hsl(53, 88%, 90%) |
|
|
| 400 | oklch(0.970 0.050 101.08) | #fcf7d1 | hsl(53, 88%, 90%) |
|
|
| 500 | oklch(0.970 0.050 101.08) | #fcf7d1 | hsl(53, 88%, 90%) |
|
|
| 600 | oklch(0.926 0.124 102.06) | #f7ea84 | hsl(53, 88%, 74%) |
|
|
| 700 | oklch(0.886 0.171 101.26) | #f2dc37 | hsl(53, 88%, 58%) |
|
|
| 800 | oklch(0.765 0.157 100.33) | #cab40d | hsl(53, 88%, 42%) |
|
|
| 900 | oklch(0.538 0.110 100.34) | #7d6f08 | hsl(53, 88%, 26%) |
|
|
| 950 | oklch(0.286 0.057 102.07) | #302b03 | hsl(53, 88%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.012 96.43) | #ebe9e0 | hsl(49, 22%, 90%) |
|
|
| 100 | oklch(0.890 0.020 97.56) | #dedbcc | hsl(50, 21%, 84%) |
|
|
| 200 | oklch(0.844 0.029 95.95) | #d1ccb7 | hsl(48, 22%, 77%) |
|
|
| 300 | oklch(0.798 0.037 98.51) | #c3bea3 | hsl(51, 21%, 70%) |
|
|
| 400 | oklch(0.751 0.046 97.40) | #b6af8e | hsl(50, 22%, 64%) |
|
|
| 500 | oklch(0.706 0.055 97.86) | #a9a17a | hsl(50, 21%, 57%) |
|
|
| 600 | oklch(0.634 0.062 98.01) | #948b5f | hsl(50, 22%, 48%) |
|
|
| 700 | oklch(0.539 0.050 97.92) | #766f4d | hsl(50, 21%, 38%) |
|
|
| 800 | oklch(0.443 0.040 98.57) | #59543a | hsl(50, 21%, 29%) |
|
|
| 900 | oklch(0.342 0.030 99.79) | #3c3927 | hsl(51, 21%, 19%) |
|
|
| 950 | oklch(0.230 0.017 97.01) | #1f1d14 | hsl(49, 22%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.047 37.79) | #ffd8cc | hsl(14, 100%, 90%) |
|
|
| 100 | oklch(0.823 0.102 38.55) | #ffae94 | hsl(15, 100%, 79%) |
|
|
| 200 | oklch(0.744 0.159 38.25) | #ff845d | hsl(14, 100%, 68%) |
|
|
| 300 | oklch(0.683 0.210 36.89) | #ff5a25 | hsl(15, 100%, 57%) |
|
|
| 400 | oklch(0.620 0.221 34.39) | #ed3a00 | hsl(15, 100%, 46%) |
|
|
| 500 | oklch(0.508 0.179 34.87) | #b52c00 | hsl(15, 100%, 35%) |
|
|
| 600 | oklch(0.455 0.158 35.36) | #9b2600 | hsl(15, 100%, 30%) |
|
|
| 700 | oklch(0.399 0.138 35.71) | #811f00 | hsl(14, 100%, 25%) |
|
|
| 800 | oklch(0.342 0.115 36.71) | #671900 | hsl(15, 100%, 20%) |
|
|
| 900 | oklch(0.283 0.092 38.46) | #4d1300 | hsl(15, 100%, 15%) |
|
|
| 950 | oklch(0.220 0.068 41.04) | #330c00 | hsl(14, 100%, 10%) |
|
dsfds
| 50 | oklch(0.890 0.058 15.66) | #ffccce | hsl(358, 100%, 90%) |
|
|
| 100 | oklch(0.766 0.139 18.67) | #ff8c90 | hsl(358, 100%, 77%) |
|
|
| 200 | oklch(0.673 0.215 23.08) | #ff4c53 | hsl(358, 100%, 65%) |
|
|
| 300 | oklch(0.631 0.255 28.29) | #ff0d15 | hsl(358, 100%, 53%) |
|
|
| 400 | oklch(0.531 0.217 28.60) | #cc0007 | hsl(358, 100%, 40%) |
|
|
| 500 | oklch(0.402 0.165 28.19) | #8c0005 | hsl(358, 100%, 27%) |
|
|
| 600 | oklch(0.364 0.149 28.11) | #7a0004 | hsl(358, 100%, 24%) |
|
|
| 700 | oklch(0.325 0.133 27.66) | #680004 | hsl(358, 100%, 20%) |
|
|
| 800 | oklch(0.287 0.117 27.53) | #570003 | hsl(358, 100%, 17%) |
|
|
| 900 | oklch(0.245 0.100 27.41) | #450002 | hsl(358, 100%, 14%) |
|
|
| 950 | oklch(0.202 0.082 26.02) | #330002 | hsl(358, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
