Moody Elegance Color Palette
This palette exudes a moody elegance with deep plum and teal accents, balanced by earthy greens and a soft, warm beige, creating a stylish, sophisticated atmosphere that feels both inviting and mysterious.
Practical uses and creative applications
The Moody Elegance Color Palette is a sophisticated blend of deep, rich tones and soft, inviting hues, making it ideal for creative professionals seeking to evoke a sense of refined beauty in their projects. Featuring shades like #1a081f, a deep plum, and #4d1d4d, a muted maroon, this palette is perfect for branding and web design that aims to convey luxury and depth.
The addition of #05676e, a serene teal, and #489c79, a refreshing green, provides a harmonious balance, while the soft #ebc288 adds a touch of warmth, perfect for creating inviting interiors or packaging that stands out on the shelf. This palette is particularly suited for designers focused on high-end brands, boutique shops, or artisanal products, where creating an emotional connection with the audience is key.
Whether you’re designing a website for a luxury spa, crafting elegant packaging for gourmet chocolates, or styling an interior space that feels both cozy and sophisticated, the Moody Elegance Color Palette offers versatility and style. Its moody yet elegant vibe speaks to creatives who appreciate the balance of darkness and light, making it a powerful choice for anyone looking to elevate their design projects.
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.905 0.049 318.55) | #eed6f5 | hsl(286, 61%, 90%) |
|
|
100 | oklch(0.754 0.129 318.85) | #d294e3 | hsl(287, 59%, 74%) |
|
|
200 | oklch(0.615 0.205 318.32) | #b651d2 | hsl(287, 59%, 57%) |
|
|
300 | oklch(0.486 0.196 317.68) | #8a2aa5 | hsl(287, 59%, 41%) |
|
|
400 | oklch(0.340 0.130 317.90) | #521962 | hsl(287, 59%, 24%) |
|
|
500 | oklch(0.176 0.052 318.54) | #1a081f | hsl(287, 59%, 8%) |
|
|
600 | oklch(0.181 0.056 319.26) | #1c0821 | hsl(288, 61%, 8%) |
|
|
700 | oklch(0.186 0.057 317.84) | #1d0923 | hsl(286, 59%, 9%) |
|
|
800 | oklch(0.191 0.061 318.54) | #1f0925 | hsl(287, 61%, 9%) |
|
|
900 | oklch(0.196 0.062 317.29) | #200a27 | hsl(286, 59%, 10%) |
|
|
950 | oklch(0.201 0.065 317.95) | #220a29 | hsl(286, 61%, 10%) |
|
dsfds
50 | oklch(0.914 0.039 325.89) | #f1daf1 | hsl(300, 45%, 90%) |
|
|
100 | oklch(0.797 0.097 326.44) | #dea7de | hsl(300, 45%, 76%) |
|
|
200 | oklch(0.682 0.155 327.11) | #ca73ca | hsl(300, 45%, 62%) |
|
|
300 | oklch(0.581 0.196 327.73) | #b444b4 | hsl(300, 45%, 49%) |
|
|
400 | oklch(0.455 0.149 327.69) | #803080 | hsl(300, 45%, 35%) |
|
|
500 | oklch(0.323 0.099 327.57) | #4d1d4d | hsl(300, 45%, 21%) |
|
|
600 | oklch(0.301 0.091 327.54) | #451a45 | hsl(300, 45%, 19%) |
|
|
700 | oklch(0.279 0.082 327.50) | #3d173d | hsl(300, 45%, 16%) |
|
|
800 | oklch(0.257 0.073 327.45) | #351435 | hsl(300, 45%, 14%) |
|
|
900 | oklch(0.234 0.064 327.38) | #2d112d | hsl(300, 45%, 12%) |
|
|
950 | oklch(0.210 0.054 327.29) | #250e25 | hsl(300, 45%, 10%) |
|
dsfds
50 | oklch(0.955 0.045 201.53) | #cefafd | hsl(184, 92%, 90%) |
|
|
100 | oklch(0.902 0.096 202.14) | #8cf2fa | hsl(184, 92%, 76%) |
|
|
200 | oklch(0.864 0.130 202.41) | #4bebf7 | hsl(184, 91%, 63%) |
|
|
300 | oklch(0.833 0.141 203.97) | #0be2f2 | hsl(184, 91%, 50%) |
|
|
400 | oklch(0.658 0.111 203.29) | #08a5b0 | hsl(184, 91%, 36%) |
|
|
500 | oklch(0.469 0.079 203.13) | #05676e | hsl(184, 91%, 23%) |
|
|
600 | oklch(0.433 0.073 202.69) | #045c62 | hsl(184, 92%, 20%) |
|
|
700 | oklch(0.394 0.066 203.74) | #045056 | hsl(184, 91%, 18%) |
|
|
800 | oklch(0.356 0.059 201.57) | #034549 | hsl(183, 92%, 15%) |
|
|
900 | oklch(0.315 0.052 202.79) | #03393d | hsl(184, 91%, 13%) |
|
|
950 | oklch(0.275 0.045 201.90) | #022e31 | hsl(184, 92%, 10%) |
|
dsfds
50 | oklch(0.936 0.023 168.72) | #dcefe7 | hsl(155, 37%, 90%) |
|
|
100 | oklch(0.877 0.043 168.20) | #bce0d1 | hsl(155, 37%, 81%) |
|
|
200 | oklch(0.821 0.063 167.35) | #9dd2bc | hsl(155, 37%, 72%) |
|
|
300 | oklch(0.762 0.083 166.20) | #7dc3a6 | hsl(155, 37%, 63%) |
|
|
400 | oklch(0.708 0.101 164.06) | #5eb590 | hsl(154, 37%, 54%) |
|
|
500 | oklch(0.630 0.098 163.82) | #489c79 | hsl(155, 37%, 45%) |
|
|
600 | oklch(0.559 0.086 163.61) | #3d8466 | hsl(155, 37%, 38%) |
|
|
700 | oklch(0.485 0.074 163.30) | #326c53 | hsl(154, 37%, 31%) |
|
|
800 | oklch(0.404 0.059 165.24) | #265341 | hsl(156, 37%, 24%) |
|
|
900 | oklch(0.323 0.045 165.25) | #1b3b2e | hsl(156, 37%, 17%) |
|
|
950 | oklch(0.237 0.030 165.12) | #10231b | hsl(155, 37%, 10%) |
|
dsfds
50 | oklch(0.940 0.033 77.60) | #f8e9d3 | hsl(36, 73%, 90%) |
|
|
100 | oklch(0.918 0.044 77.21) | #f5e1c4 | hsl(36, 71%, 86%) |
|
|
200 | oklch(0.898 0.055 75.89) | #f3d9b5 | hsl(35, 72%, 83%) |
|
|
300 | oklch(0.876 0.066 75.75) | #f0d1a6 | hsl(35, 71%, 80%) |
|
|
400 | oklch(0.858 0.078 76.04) | #eeca97 | hsl(35, 72%, 76%) |
|
|
500 | oklch(0.837 0.088 75.69) | #ebc288 | hsl(35, 71%, 73%) |
|
|
600 | oklch(0.766 0.124 73.52) | #e2a651 | hsl(35, 71%, 60%) |
|
|
700 | oklch(0.685 0.138 69.24) | #d08823 | hsl(35, 71%, 48%) |
|
|
800 | oklch(0.548 0.109 69.67) | #99641a | hsl(35, 71%, 35%) |
|
|
900 | oklch(0.404 0.076 71.84) | #624111 | hsl(36, 70%, 23%) |
|
|
950 | oklch(0.244 0.042 74.18) | #2c1d07 | hsl(36, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.