Elegant Moody Color Palette
This palette exudes an elegant, moody sophistication with deep teal and navy tones, punctuated by warm golden accents that evoke a sense of cozy refinement and timeless style.
Practical uses and creative applications
The Elegant Moody Color Palette is a sophisticated combination of deep, rich tones and warm accents that can elevate any design project. Featuring shades like #005050 and #002850, this palette is ideal for brands seeking to convey a sense of luxury and depth.
The darker hues provide a grounding base, while the soft golds of #F0C878 and #F0A050 add a touch of warmth and approachability. This palette is perfect for web design, creating visually striking websites that captivate visitors and enhance user experience.
Designers and creatives can leverage the Elegant Moody Color Palette for various applications, from branding to packaging and interior design. It works exceptionally well for upscale brands in industries such as hospitality, beauty, and fine dining, where an inviting yet sophisticated ambiance is essential.
Whether you're crafting an elegant logo, designing an immersive website, or curating a cozy interior space, this palette sets the tone for a stylish and memorable aesthetic. Embrace the moody elegance to attract discerning audiences who appreciate refined design.
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.965 0.052 196.33) | #ccffff | hsl(180, 100%, 90%) |
|
|
| 100 | oklch(0.928 0.113 195.38) | #80ffff | hsl(180, 100%, 75%) |
|
|
| 200 | oklch(0.909 0.148 194.87) | #34ffff | hsl(180, 100%, 60%) |
|
|
| 300 | oklch(0.843 0.144 194.77) | #00e8e8 | hsl(180, 100%, 45%) |
|
|
| 400 | oklch(0.627 0.107 194.77) | #009c9c | hsl(180, 100%, 31%) |
|
|
| 500 | oklch(0.390 0.067 194.77) | #005050 | hsl(180, 100%, 16%) |
|
|
| 600 | oklch(0.370 0.063 194.77) | #004a4a | hsl(180, 100%, 15%) |
|
|
| 700 | oklch(0.350 0.060 194.77) | #004444 | hsl(180, 100%, 13%) |
|
|
| 800 | oklch(0.333 0.057 194.77) | #003f3f | hsl(180, 100%, 12%) |
|
|
| 900 | oklch(0.312 0.053 194.77) | #003939 | hsl(180, 100%, 11%) |
|
|
| 950 | oklch(0.291 0.050 194.77) | #003333 | hsl(180, 100%, 10%) |
|
dsfds
| 50 | oklch(0.965 0.052 196.33) | #ccffff | hsl(180, 100%, 90%) |
|
|
| 100 | oklch(0.925 0.118 195.30) | #78ffff | hsl(180, 100%, 74%) |
|
|
| 200 | oklch(0.907 0.151 194.82) | #24ffff | hsl(180, 100%, 57%) |
|
|
| 300 | oklch(0.776 0.133 194.77) | #00d0d0 | hsl(180, 100%, 41%) |
|
|
| 400 | oklch(0.531 0.091 194.77) | #007c7c | hsl(180, 100%, 24%) |
|
|
| 500 | oklch(0.251 0.043 194.77) | #002828 | hsl(180, 100%, 8%) |
|
|
| 600 | oklch(0.258 0.044 194.77) | #002a2a | hsl(180, 100%, 8%) |
|
|
| 700 | oklch(0.265 0.045 194.77) | #002c2c | hsl(180, 100%, 9%) |
|
|
| 800 | oklch(0.276 0.047 194.77) | #002f2f | hsl(180, 100%, 9%) |
|
|
| 900 | oklch(0.284 0.048 194.77) | #003131 | hsl(180, 100%, 10%) |
|
|
| 950 | oklch(0.291 0.050 194.77) | #003333 | hsl(180, 100%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.044 247.26) | #cce6ff | hsl(209, 100%, 90%) |
|
|
| 100 | oklch(0.789 0.112 249.03) | #80c0ff | hsl(210, 100%, 75%) |
|
|
| 200 | oklch(0.678 0.175 252.01) | #349aff | hsl(210, 100%, 60%) |
|
|
| 300 | oklch(0.573 0.196 256.06) | #0074e8 | hsl(210, 100%, 45%) |
|
|
| 400 | oklch(0.431 0.143 255.23) | #004e9c | hsl(210, 100%, 31%) |
|
|
| 500 | oklch(0.277 0.085 252.81) | #002850 | hsl(210, 100%, 16%) |
|
|
| 600 | oklch(0.264 0.080 252.41) | #00254a | hsl(210, 100%, 15%) |
|
|
| 700 | oklch(0.251 0.075 251.94) | #002244 | hsl(210, 100%, 13%) |
|
|
| 800 | oklch(0.238 0.071 252.01) | #001f3f | hsl(210, 100%, 12%) |
|
|
| 900 | oklch(0.225 0.066 251.42) | #001c39 | hsl(211, 100%, 11%) |
|
|
| 950 | oklch(0.214 0.059 249.31) | #001a33 | hsl(209, 100%, 10%) |
|
dsfds
| 50 | oklch(0.947 0.039 83.83) | #faecd1 | hsl(40, 80%, 90%) |
|
|
| 100 | oklch(0.928 0.054 84.53) | #f8e5bf | hsl(40, 80%, 86%) |
|
|
| 200 | oklch(0.908 0.069 84.86) | #f6dead | hsl(40, 80%, 82%) |
|
|
| 300 | oklch(0.890 0.082 84.63) | #f4d79c | hsl(40, 80%, 78%) |
|
|
| 400 | oklch(0.869 0.096 83.68) | #f2cf8a | hsl(40, 80%, 75%) |
|
|
| 500 | oklch(0.851 0.109 83.60) | #f0c878 | hsl(40, 80%, 71%) |
|
|
| 600 | oklch(0.794 0.141 80.83) | #eab140 | hsl(40, 80%, 58%) |
|
|
| 700 | oklch(0.717 0.144 77.46) | #d59618 | hsl(40, 80%, 46%) |
|
|
| 800 | oklch(0.574 0.115 78.45) | #9d6f11 | hsl(40, 80%, 34%) |
|
|
| 900 | oklch(0.422 0.082 77.99) | #66470b | hsl(40, 81%, 22%) |
|
|
| 950 | oklch(0.255 0.046 80.79) | #2e2005 | hsl(40, 80%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.037 68.65) | #fbe6d0 | hsl(31, 84%, 90%) |
|
|
| 100 | oklch(0.901 0.058 67.82) | #f9d8b6 | hsl(30, 85%, 85%) |
|
|
| 200 | oklch(0.868 0.078 66.50) | #f7ca9d | hsl(30, 85%, 79%) |
|
|
| 300 | oklch(0.833 0.098 66.31) | #f4bc83 | hsl(30, 84%, 74%) |
|
|
| 400 | oklch(0.801 0.116 64.83) | #f2ae6a | hsl(30, 84%, 68%) |
|
|
| 500 | oklch(0.770 0.135 63.32) | #f0a050 | hsl(30, 84%, 63%) |
|
|
| 600 | oklch(0.715 0.162 58.09) | #ec851e | hsl(30, 84%, 52%) |
|
|
| 700 | oklch(0.616 0.144 56.69) | #c46a11 | hsl(30, 84%, 42%) |
|
|
| 800 | oklch(0.498 0.114 57.41) | #924f0d | hsl(30, 84%, 31%) |
|
|
| 900 | oklch(0.375 0.084 58.31) | #613408 | hsl(30, 85%, 21%) |
|
|
| 950 | oklch(0.241 0.048 64.35) | #2f1a04 | hsl(31, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
