Moody Elegance Color Palette
This palette exudes a moody elegance with deep navy and teal grounding the vibrant warmth of amber and terracotta, reminiscent of a cozy autumn evening by the fire.
Practical uses and creative applications
The Moody Elegance Color Palette is designed to evoke a sense of sophistication and depth, making it an ideal choice for brands seeking to convey luxury and refinement. Comprising rich hues like the deep navy #001625 and the earthy terracotta #792910, this palette is perfect for branding initiatives, web design, and packaging that require a touch of class.
The soft contrast provided by the warm beige #FFECD1 and the vibrant orange #FC7D00 softens the overall mood, allowing for eye-catching designs that maintain a sense of elegance. Ideal for designers and creatives in the fashion, beauty, and high-end hospitality industries, the Moody Elegance palette brings a contemporary twist to traditional aesthetics.
Whether you're crafting a chic website, creating stunning product packaging, or designing an opulent interior space, this color scheme is versatile enough to suit various applications. Its combination of bold and subtle tones makes it especially effective for projects that aim to evoke a sense of warmth and intrigue, making it a go-to choice for anyone looking to leave a lasting impression.
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.922 0.043 238.50) | #cceaff | hsl(205, 100%, 90%) |
|
|
| 100 | oklch(0.803 0.111 240.15) | #78c8ff | hsl(204, 100%, 74%) |
|
|
| 200 | oklch(0.701 0.168 245.36) | #23a6ff | hsl(204, 100%, 57%) |
|
|
| 300 | oklch(0.568 0.157 249.06) | #007ace | hsl(204, 100%, 40%) |
|
|
| 400 | oklch(0.391 0.103 247.21) | #004879 | hsl(204, 100%, 24%) |
|
|
| 500 | oklch(0.191 0.043 239.33) | #001625 | hsl(204, 100%, 7%) |
|
|
| 600 | oklch(0.199 0.045 239.61) | #001828 | hsl(204, 100%, 8%) |
|
|
| 700 | oklch(0.204 0.049 242.01) | #00192b | hsl(205, 100%, 8%) |
|
|
| 800 | oklch(0.212 0.049 240.71) | #001b2d | hsl(204, 100%, 9%) |
|
|
| 900 | oklch(0.220 0.051 240.88) | #001d30 | hsl(204, 100%, 9%) |
|
|
| 950 | oklch(0.226 0.054 242.87) | #001e33 | hsl(205, 100%, 10%) |
|
| 50 | oklch(0.941 0.032 208.74) | #d4f2f7 | hsl(189, 69%, 90%) |
|
|
| 100 | oklch(0.868 0.070 208.58) | #9de1ec | hsl(188, 68%, 77%) |
|
|
| 200 | oklch(0.801 0.101 210.04) | #66d0e2 | hsl(189, 68%, 64%) |
|
|
| 300 | oklch(0.742 0.120 211.84) | #2fbfd7 | hsl(189, 68%, 51%) |
|
|
| 400 | oklch(0.609 0.099 211.97) | #2092a5 | hsl(189, 68%, 39%) |
|
|
| 500 | oklch(0.455 0.072 212.04) | #15616e | hsl(189, 68%, 26%) |
|
|
| 600 | oklch(0.415 0.066 212.70) | #125561 | hsl(189, 69%, 23%) |
|
|
| 700 | oklch(0.375 0.058 212.11) | #104953 | hsl(189, 68%, 19%) |
|
|
| 800 | oklch(0.333 0.052 213.03) | #0d3d46 | hsl(189, 69%, 16%) |
|
|
| 900 | oklch(0.293 0.043 209.66) | #0b3238 | hsl(188, 67%, 13%) |
|
|
| 950 | oklch(0.249 0.036 210.48) | #08262b | hsl(189, 69%, 10%) |
|
| 50 | oklch(0.946 0.046 76.84) | #ffeacc | hsl(35, 100%, 90%) |
|
|
| 100 | oklch(0.947 0.044 75.99) | #ffeacd | hsl(35, 100%, 90%) |
|
|
| 200 | oklch(0.949 0.044 77.23) | #ffebce | hsl(36, 100%, 90%) |
|
|
| 300 | oklch(0.949 0.043 76.36) | #ffebcf | hsl(35, 100%, 91%) |
|
|
| 400 | oklch(0.951 0.042 77.65) | #ffecd0 | hsl(36, 100%, 91%) |
|
|
| 500 | oklch(0.951 0.041 76.75) | #ffecd1 | hsl(35, 100%, 91%) |
|
|
| 600 | oklch(0.870 0.111 75.40) | #ffca7e | hsl(35, 100%, 75%) |
|
|
| 700 | oklch(0.799 0.162 69.53) | #ffa82c | hsl(35, 100%, 59%) |
|
|
| 800 | oklch(0.678 0.154 63.51) | #d87f00 | hsl(35, 100%, 42%) |
|
|
| 900 | oklch(0.479 0.108 64.66) | #864e00 | hsl(35, 100%, 26%) |
|
|
| 950 | oklch(0.256 0.055 72.29) | #331e00 | hsl(35, 100%, 10%) |
|
| 50 | oklch(0.937 0.044 66.14) | #ffe5cc | hsl(29, 100%, 90%) |
|
|
| 100 | oklch(0.888 0.079 65.28) | #ffd0a3 | hsl(29, 100%, 82%) |
|
|
| 200 | oklch(0.843 0.114 65.22) | #ffbc79 | hsl(30, 100%, 74%) |
|
|
| 300 | oklch(0.800 0.145 62.61) | #ffa750 | hsl(30, 100%, 66%) |
|
|
| 400 | oklch(0.761 0.170 58.46) | #ff9226 | hsl(30, 100%, 57%) |
|
|
| 500 | oklch(0.723 0.185 52.39) | #fc7d00 | hsl(30, 100%, 49%) |
|
|
| 600 | oklch(0.636 0.162 52.84) | #d46900 | hsl(30, 100%, 42%) |
|
|
| 700 | oklch(0.546 0.138 53.48) | #ac5500 | hsl(30, 100%, 34%) |
|
|
| 800 | oklch(0.451 0.112 54.94) | #834100 | hsl(30, 100%, 26%) |
|
|
| 900 | oklch(0.352 0.085 56.99) | #5b2d00 | hsl(30, 100%, 18%) |
|
|
| 950 | oklch(0.245 0.056 61.81) | #331900 | hsl(29, 100%, 10%) |
|
| 50 | oklch(0.914 0.036 37.35) | #f9dbd2 | hsl(14, 76%, 90%) |
|
|
| 100 | oklch(0.810 0.086 37.87) | #f2ae99 | hsl(14, 77%, 77%) |
|
|
| 200 | oklch(0.712 0.138 38.18) | #ea8160 | hsl(14, 77%, 65%) |
|
|
| 300 | oklch(0.630 0.186 37.15) | #e25427 | hsl(14, 76%, 52%) |
|
|
| 400 | oklch(0.521 0.160 36.46) | #b23c18 | hsl(14, 76%, 40%) |
|
|
| 500 | oklch(0.397 0.117 37.01) | #792910 | hsl(14, 77%, 27%) |
|
|
| 600 | oklch(0.363 0.105 37.20) | #6a240e | hsl(14, 77%, 24%) |
|
|
| 700 | oklch(0.329 0.093 37.43) | #5b1f0c | hsl(14, 77%, 20%) |
|
|
| 800 | oklch(0.291 0.079 38.00) | #4b1a0a | hsl(15, 76%, 17%) |
|
|
| 900 | oklch(0.253 0.067 37.28) | #3c1408 | hsl(14, 76%, 13%) |
|
|
| 950 | oklch(0.215 0.053 38.14) | #2d0f06 | hsl(14, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
