Moody Sophistication Color Palette
This palette exudes a moody sophistication with deep navy and burgundy, softened by warm cream and bright white, creating a stylish contrast that feels both elegant and dramatic.
Practical uses and creative applications
The Moody Sophistication Color Palette offers a striking combination of rich hues and soft neutrals, making it the perfect choice for designers seeking to create a sense of elegance and depth. Featuring a deep navy (#0D2A45), a muted blush (#ECD5BB), a bold crimson (#840921), a crisp white (#FFFFFF), and a sophisticated slate (#56637B), this palette is ideal for branding projects, web design, and packaging that aim to evoke a strong emotional response.
The contrasting colors work harmoniously together, allowing for versatile applications that range from chic business identities to inviting product labels. This color palette is particularly suited for creatives and brands looking to convey a modern, yet timeless aesthetic.
Interior designers can leverage these colors to craft spaces that feel both cozy and refined, while graphic designers can utilize the palette to create captivating visuals that stand out in a crowded marketplace. Whether you're designing a high-end restaurant website or curating product packaging for a boutique line, the Moody Sophistication Color Palette sets the stage for a memorable and impactful experience.
Let your work exude sophistication and allure with this carefully curated selection of colors.
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.918 0.009 264.52) | #e1e4ea | hsl(220, 18%, 90%) |
|
|
100 | oklch(0.838 0.017 262.74) | #c4cad5 | hsl(219, 17%, 80%) |
|
|
200 | oklch(0.755 0.027 261.13) | #a6b0c1 | hsl(218, 18%, 70%) |
|
|
300 | oklch(0.668 0.037 263.48) | #8995ac | hsl(219, 17%, 61%) |
|
|
400 | oklch(0.581 0.049 262.24) | #6b7b98 | hsl(219, 18%, 51%) |
|
|
500 | oklch(0.498 0.042 262.60) | #56637b | hsl(219, 18%, 41%) |
|
|
600 | oklch(0.444 0.036 262.32) | #495468 | hsl(219, 18%, 35%) |
|
|
700 | oklch(0.389 0.031 263.05) | #3c4556 | hsl(219, 18%, 29%) |
|
|
800 | oklch(0.332 0.025 262.76) | #2f3643 | hsl(219, 18%, 22%) |
|
|
900 | oklch(0.272 0.020 264.16) | #222731 | hsl(220, 18%, 16%) |
|
|
950 | oklch(0.209 0.013 264.25) | #15181e | hsl(220, 18%, 10%) |
|
dsfds
50 | oklch(0.932 0.025 69.43) | #f4e6d7 | hsl(31, 57%, 90%) |
|
|
100 | oklch(0.923 0.028 70.93) | #f2e3d2 | hsl(32, 55%, 89%) |
|
|
200 | oklch(0.913 0.032 68.92) | #f1dfcc | hsl(31, 57%, 87%) |
|
|
300 | oklch(0.904 0.036 71.41) | #efdcc6 | hsl(32, 56%, 86%) |
|
|
400 | oklch(0.894 0.039 68.54) | #eed8c1 | hsl(31, 57%, 85%) |
|
|
500 | oklch(0.885 0.043 70.64) | #ecd5bb | hsl(32, 56%, 83%) |
|
|
600 | oklch(0.788 0.081 69.31) | #dcb181 | hsl(32, 57%, 68%) |
|
|
700 | oklch(0.693 0.115 66.65) | #cc8d47 | hsl(32, 57%, 54%) |
|
|
800 | oklch(0.559 0.101 65.78) | #9c672c | hsl(32, 56%, 39%) |
|
|
900 | oklch(0.405 0.070 67.23) | #62411b | hsl(32, 57%, 25%) |
|
|
950 | oklch(0.232 0.034 66.71) | #281a0b | hsl(31, 57%, 10%) |
|
dsfds
50 | oklch(0.896 0.052 4.72) | #fccfd8 | hsl(348, 88%, 90%) |
|
|
100 | oklch(0.776 0.122 8.05) | #f894a7 | hsl(349, 88%, 78%) |
|
|
200 | oklch(0.675 0.191 11.97) | #f45877 | hsl(348, 88%, 65%) |
|
|
300 | oklch(0.613 0.234 19.50) | #f01d46 | hsl(348, 88%, 53%) |
|
|
400 | oklch(0.514 0.202 20.89) | #c00d30 | hsl(348, 87%, 40%) |
|
|
500 | oklch(0.392 0.151 19.90) | #840921 | hsl(348, 87%, 28%) |
|
|
600 | oklch(0.356 0.136 19.32) | #73081d | hsl(348, 87%, 24%) |
|
|
700 | oklch(0.320 0.121 18.55) | #620719 | hsl(348, 87%, 21%) |
|
|
800 | oklch(0.281 0.105 18.28) | #510614 | hsl(349, 86%, 17%) |
|
|
900 | oklch(0.243 0.090 16.66) | #410410 | hsl(348, 88%, 14%) |
|
|
950 | oklch(0.202 0.073 14.13) | #30030c | hsl(348, 88%, 10%) |
|
dsfds
50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
50 | oklch(0.917 0.030 246.60) | #d4e6f7 | hsl(209, 69%, 90%) |
|
|
100 | oklch(0.794 0.076 247.62) | #95c1eb | hsl(209, 68%, 75%) |
|
|
200 | oklch(0.678 0.122 248.18) | #559ddf | hsl(209, 68%, 60%) |
|
|
300 | oklch(0.560 0.142 251.01) | #2577c4 | hsl(209, 68%, 46%) |
|
|
400 | oklch(0.426 0.102 249.97) | #195184 | hsl(209, 68%, 31%) |
|
|
500 | oklch(0.279 0.061 249.58) | #0d2a45 | hsl(209, 68%, 16%) |
|
|
600 | oklch(0.266 0.057 249.36) | #0c2740 | hsl(209, 68%, 15%) |
|
|
700 | oklch(0.254 0.053 249.10) | #0b243b | hsl(209, 69%, 14%) |
|
|
800 | oklch(0.238 0.049 249.73) | #0a2035 | hsl(209, 68%, 12%) |
|
|
900 | oklch(0.225 0.045 249.45) | #091d30 | hsl(209, 68%, 11%) |
|
|
950 | oklch(0.212 0.041 249.05) | #081a2b | hsl(209, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.