Moody Sophistication Color Palette
This palette exudes a moody sophistication with deep indigo and muted lavender, softened by warm blushes and a striking coral accent, creating a chic yet inviting ambiance.
Practical uses and creative applications
The 'Moody Sophistication Color Palette' is a striking combination of deep tones and soft hues, perfect for those looking to create an air of elegance and intrigue. Featuring rich navy (#22223B) and slate gray (#4A4E69), this palette is ideal for branding projects that need to convey professionalism while maintaining a contemporary edge.
The muted mauve (#9A8C98) and warm blush (#C9ADA7) offer a gentle contrast, making them excellent choices for web design and packaging that aim to evoke a sense of calm sophistication. Finally, the vibrant coral (#FF6961) serves as a stunning accent, perfect for drawing attention to key elements or calls to action.
This color palette is particularly suited for designers and creatives working in industries such as fashion, beauty, or upscale lifestyle brands. Its moody tones can help establish a memorable identity that resonates with a target audience seeking elegance and refinement.
Additionally, the 'Moody Sophistication Color Palette' is versatile enough for interior designs, lending itself beautifully to spaces that aim for a chic yet cozy atmosphere. Whether you're crafting a brand story or designing a serene living space, this palette will help you achieve a sophisticated mood that captivates and inspires.
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.907 0.018 286.04) | #dfdfec | hsl(240, 25%, 90%) |
|
|
| 100 | oklch(0.768 0.048 285.21) | #b0b0d2 | hsl(240, 27%, 76%) |
|
|
| 200 | oklch(0.627 0.079 283.88) | #8282b7 | hsl(240, 27%, 61%) |
|
|
| 300 | oklch(0.490 0.101 282.01) | #585898 | hsl(240, 27%, 47%) |
|
|
| 400 | oklch(0.381 0.074 282.31) | #3d3d69 | hsl(240, 27%, 33%) |
|
|
| 500 | oklch(0.265 0.046 282.78) | #22223b | hsl(240, 27%, 18%) |
|
|
| 600 | oklch(0.251 0.043 282.85) | #1f1f36 | hsl(240, 27%, 17%) |
|
|
| 700 | oklch(0.237 0.038 283.10) | #1c1c30 | hsl(240, 26%, 15%) |
|
|
| 800 | oklch(0.223 0.035 283.21) | #19192b | hsl(240, 26%, 13%) |
|
|
| 900 | oklch(0.209 0.031 283.33) | #161626 | hsl(240, 27%, 12%) |
|
|
| 950 | oklch(0.194 0.026 283.69) | #131320 | hsl(240, 25%, 10%) |
|
| 50 | oklch(0.914 0.011 280.46) | #e1e2ea | hsl(233, 18%, 90%) |
|
|
| 100 | oklch(0.820 0.023 277.42) | #c0c3d3 | hsl(231, 18%, 79%) |
|
|
| 200 | oklch(0.721 0.036 278.26) | #9fa3bc | hsl(232, 18%, 68%) |
|
|
| 300 | oklch(0.619 0.050 279.42) | #7f83a4 | hsl(234, 17%, 57%) |
|
|
| 400 | oklch(0.520 0.057 278.09) | #61668a | hsl(233, 17%, 46%) |
|
|
| 500 | oklch(0.431 0.045 277.80) | #4a4e69 | hsl(232, 17%, 35%) |
|
|
| 600 | oklch(0.389 0.039 276.75) | #3f435a | hsl(231, 18%, 30%) |
|
|
| 700 | oklch(0.346 0.033 277.52) | #35384b | hsl(232, 17%, 25%) |
|
|
| 800 | oklch(0.301 0.027 275.82) | #2a2d3c | hsl(230, 18%, 20%) |
|
|
| 900 | oklch(0.252 0.023 280.91) | #20212d | hsl(235, 17%, 15%) |
|
|
| 950 | oklch(0.203 0.016 279.29) | #15161e | hsl(233, 18%, 10%) |
|
| 50 | oklch(0.922 0.005 325.62) | #e7e4e7 | hsl(300, 6%, 90%) |
|
|
| 100 | oklch(0.870 0.009 330.97) | #d8d2d7 | hsl(310, 7%, 84%) |
|
|
| 200 | oklch(0.818 0.011 330.18) | #c8c1c7 | hsl(309, 6%, 77%) |
|
|
| 300 | oklch(0.765 0.016 332.31) | #b9afb7 | hsl(312, 7%, 71%) |
|
|
| 400 | oklch(0.712 0.019 328.59) | #a99ea8 | hsl(305, 6%, 64%) |
|
|
| 500 | oklch(0.656 0.024 330.46) | #9a8c98 | hsl(309, 6%, 58%) |
|
|
| 600 | oklch(0.575 0.028 332.23) | #837380 | hsl(311, 7%, 48%) |
|
|
| 700 | oklch(0.491 0.024 330.99) | #695c67 | hsl(309, 7%, 39%) |
|
|
| 800 | oklch(0.404 0.020 329.12) | #4f454e | hsl(306, 7%, 29%) |
|
|
| 900 | oklch(0.313 0.012 331.34) | #352f34 | hsl(310, 6%, 20%) |
|
|
| 950 | oklch(0.214 0.007 325.83) | #1b181b | hsl(300, 6%, 10%) |
|
| 50 | oklch(0.920 0.012 37.42) | #ece2df | hsl(14, 25%, 90%) |
|
|
| 100 | oklch(0.890 0.016 32.01) | #e5d7d4 | hsl(11, 25%, 86%) |
|
|
| 200 | oklch(0.861 0.020 33.37) | #decdc9 | hsl(11, 24%, 83%) |
|
|
| 300 | oklch(0.830 0.025 30.51) | #d7c2be | hsl(10, 24%, 79%) |
|
|
| 400 | oklch(0.801 0.029 34.31) | #d0b8b2 | hsl(12, 24%, 76%) |
|
|
| 500 | oklch(0.770 0.034 32.10) | #c9ada7 | hsl(11, 24%, 72%) |
|
|
| 600 | oklch(0.664 0.052 31.11) | #b18880 | hsl(10, 24%, 60%) |
|
|
| 700 | oklch(0.557 0.063 32.44) | #95665c | hsl(11, 24%, 47%) |
|
|
| 800 | oklch(0.449 0.049 31.66) | #6e4b44 | hsl(10, 24%, 35%) |
|
|
| 900 | oklch(0.335 0.035 30.04) | #47302c | hsl(9, 23%, 23%) |
|
|
| 950 | oklch(0.212 0.017 37.35) | #201613 | hsl(14, 25%, 10%) |
|
| 50 | oklch(0.895 0.055 22.40) | #ffcfcc | hsl(4, 100%, 90%) |
|
|
| 100 | oklch(0.852 0.080 21.70) | #ffbab7 | hsl(2, 100%, 86%) |
|
|
| 200 | oklch(0.812 0.106 23.18) | #ffa6a1 | hsl(3, 100%, 82%) |
|
|
| 300 | oklch(0.774 0.132 23.91) | #ff928c | hsl(3, 100%, 77%) |
|
|
| 400 | oklch(0.738 0.160 24.86) | #ff7d76 | hsl(3, 100%, 73%) |
|
|
| 500 | oklch(0.707 0.185 25.94) | #ff6961 | hsl(3, 100%, 69%) |
|
|
| 600 | oklch(0.646 0.240 29.01) | #ff3025 | hsl(3, 100%, 57%) |
|
|
| 700 | oklch(0.587 0.238 29.69) | #e80c00 | hsl(3, 100%, 45%) |
|
|
| 800 | oklch(0.468 0.188 29.91) | #ab0900 | hsl(3, 100%, 34%) |
|
|
| 900 | oklch(0.344 0.136 30.39) | #6f0600 | hsl(3, 100%, 22%) |
|
|
| 950 | oklch(0.207 0.078 32.03) | #330300 | hsl(4, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
