Serene and Dramatic Color Palette
This palette exudes a serene yet dramatic vibe, blending soft sage green and muted ivory with bold accents of deep burgundy and rich plum, creating a stylish and moody atmosphere perfect for a cozy, artistic retreat.
Practical uses and creative applications
The Serene and Dramatic Color Palette is a captivating blend of muted tones and bold contrasts, making it an ideal choice for creatives looking to evoke a sense of sophistication and drama. Comprising soft greens (#88baa3) and earthy neutrals (#e4e6c3), balanced by striking deep reds (#ba1e4a) and rich burgundies (#63203d and #361f2d), this palette can be effectively utilized in various design applications.
Whether you're crafting a brand identity, designing a website, or creating packaging, these colors work harmoniously to communicate a balance of calmness and intensity. This palette is particularly suited for brands in the wellness, beauty, or luxury sectors, where the goal is to cultivate a refined yet approachable atmosphere.
Interior designers can also leverage this color scheme to transform spaces into serene retreats or dramatic settings that inspire creativity and relaxation. Perfect for designers and creatives alike, the Serene and Dramatic Color Palette opens up a world of possibilities, allowing you to create visually stunning compositions that resonate with your target audience.
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.949 0.028 109.13) | #eff0db | hsl(63, 41%, 90%) |
|
|
| 100 | oklch(0.942 0.032 108.94) | #edeed6 | hsl(63, 41%, 89%) |
|
|
| 200 | oklch(0.934 0.036 110.52) | #eaecd1 | hsl(64, 42%, 87%) |
|
|
| 300 | oklch(0.928 0.038 110.34) | #e8eacd | hsl(64, 41%, 86%) |
|
|
| 400 | oklch(0.921 0.042 110.13) | #e6e8c8 | hsl(64, 41%, 85%) |
|
|
| 500 | oklch(0.914 0.046 109.96) | #e4e6c3 | hsl(63, 41%, 83%) |
|
|
| 600 | oklch(0.839 0.086 111.05) | #ccd08e | hsl(64, 41%, 69%) |
|
|
| 700 | oklch(0.764 0.121 112.13) | #b4ba59 | hsl(64, 41%, 54%) |
|
|
| 800 | oklch(0.625 0.107 112.28) | #898e3b | hsl(64, 41%, 39%) |
|
|
| 900 | oklch(0.449 0.074 112.01) | #565925 | hsl(63, 41%, 25%) |
|
|
| 950 | oklch(0.253 0.036 111.08) | #23240f | hsl(63, 41%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.016 166.71) | #dfece6 | hsl(152, 25%, 90%) |
|
|
| 100 | oklch(0.895 0.025 168.18) | #cde2d9 | hsl(154, 27%, 85%) |
|
|
| 200 | oklch(0.858 0.035 165.88) | #bcd8cb | hsl(152, 26%, 79%) |
|
|
| 300 | oklch(0.821 0.043 165.88) | #abcebe | hsl(153, 26%, 74%) |
|
|
| 400 | oklch(0.784 0.054 164.96) | #99c4b0 | hsl(152, 27%, 68%) |
|
|
| 500 | oklch(0.747 0.062 164.72) | #88baa3 | hsl(152, 27%, 63%) |
|
|
| 600 | oklch(0.673 0.080 162.96) | #66a688 | hsl(152, 26%, 53%) |
|
|
| 700 | oklch(0.576 0.073 163.27) | #4e876d | hsl(153, 27%, 42%) |
|
|
| 800 | oklch(0.470 0.058 162.44) | #3b6551 | hsl(151, 26%, 31%) |
|
|
| 900 | oklch(0.356 0.041 163.32) | #274336 | hsl(152, 26%, 21%) |
|
|
| 950 | oklch(0.229 0.022 164.26) | #13201a | hsl(152, 25%, 10%) |
|
dsfds
| 50 | oklch(0.901 0.043 359.89) | #f8d3dd | hsl(344, 73%, 90%) |
|
|
| 100 | oklch(0.809 0.088 0.18) | #f1a9be | hsl(343, 72%, 80%) |
|
|
| 200 | oklch(0.723 0.135 2.53) | #ea7f9e | hsl(343, 72%, 71%) |
|
|
| 300 | oklch(0.650 0.179 6.20) | #e4567e | hsl(343, 72%, 62%) |
|
|
| 400 | oklch(0.591 0.211 11.01) | #dd2c5e | hsl(343, 72%, 52%) |
|
|
| 500 | oklch(0.516 0.189 12.00) | #ba1e4a | hsl(343, 72%, 42%) |
|
|
| 600 | oklch(0.458 0.166 11.51) | #9e193f | hsl(343, 73%, 36%) |
|
|
| 700 | oklch(0.397 0.142 11.40) | #811533 | hsl(343, 72%, 29%) |
|
|
| 800 | oklch(0.336 0.118 10.54) | #651028 | hsl(343, 73%, 23%) |
|
|
| 900 | oklch(0.270 0.090 9.13) | #480c1d | hsl(343, 71%, 16%) |
|
|
| 950 | oklch(0.202 0.062 7.99) | #2c0711 | hsl(344, 73%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.034 349.11) | #f3d8e4 | hsl(333, 53%, 90%) |
|
|
| 100 | oklch(0.792 0.078 351.30) | #e3a7c1 | hsl(334, 52%, 77%) |
|
|
| 200 | oklch(0.677 0.125 353.10) | #d2759e | hsl(334, 51%, 64%) |
|
|
| 300 | oklch(0.576 0.169 356.79) | #c2447b | hsl(334, 51%, 51%) |
|
|
| 400 | oklch(0.471 0.141 357.15) | #95305c | hsl(334, 51%, 39%) |
|
|
| 500 | oklch(0.356 0.102 356.74) | #63203d | hsl(334, 51%, 26%) |
|
|
| 600 | oklch(0.327 0.092 356.08) | #571c36 | hsl(334, 51%, 23%) |
|
|
| 700 | oklch(0.297 0.081 356.42) | #4b182e | hsl(334, 52%, 19%) |
|
|
| 800 | oklch(0.267 0.071 355.49) | #3f1427 | hsl(333, 52%, 16%) |
|
|
| 900 | oklch(0.235 0.060 355.91) | #33101f | hsl(334, 52%, 13%) |
|
|
| 950 | oklch(0.203 0.048 354.42) | #270c18 | hsl(333, 53%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.018 339.95) | #ecdfe7 | hsl(323, 25%, 90%) |
|
|
| 100 | oklch(0.790 0.048 340.72) | #d1afc4 | hsl(323, 27%, 75%) |
|
|
| 200 | oklch(0.664 0.080 342.23) | #b680a1 | hsl(323, 27%, 61%) |
|
|
| 300 | oklch(0.538 0.097 343.86) | #95567c | hsl(324, 27%, 46%) |
|
|
| 400 | oklch(0.412 0.073 343.24) | #663a55 | hsl(323, 28%, 31%) |
|
|
| 500 | oklch(0.275 0.042 343.02) | #361f2d | hsl(323, 27%, 17%) |
|
|
| 600 | oklch(0.263 0.038 344.79) | #321d29 | hsl(326, 27%, 15%) |
|
|
| 700 | oklch(0.248 0.036 341.72) | #2d1a26 | hsl(322, 27%, 14%) |
|
|
| 800 | oklch(0.236 0.032 343.72) | #291822 | hsl(325, 26%, 13%) |
|
|
| 900 | oklch(0.221 0.031 341.95) | #25151f | hsl(323, 28%, 11%) |
|
|
| 950 | oklch(0.208 0.026 342.09) | #20131b | hsl(323, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
