Serene Elegance Color Palette
This palette exudes a serene yet moody elegance, blending soft minty greens and deep teal with rich burgundy and dark plum accents, creating a sophisticated ambiance of tranquil mystery.
Practical uses and creative applications
The Serene Elegance Color Palette is a harmonious blend of soft greens and rich jewel tones, perfect for creating a tranquil yet sophisticated atmosphere. The primary shades, from the gentle minty green of #b1e6d1 to the deep, elegant #270a33, work beautifully together to evoke feelings of calm and refinement.
This palette is particularly suited for branding projects that aim to convey a sense of luxury and serenity, making it an ideal choice for wellness brands, spas, and boutique hotels looking to create a serene customer experience. In web design, the Serene Elegance Color Palette can be utilized to craft visually stunning websites that guide users through a peaceful journey.
The soothing greens can be used for backgrounds or accents, while the darker tones provide depth and contrast, enhancing readability and user engagement. Designers and creatives will find this palette especially appealing for projects that require a sophisticated touch, such as packaging for artisanal products or interior designs that aim to create a restful home environment.
By incorporating these colors, one can foster a mood that encourages relaxation and mindfulness, making it a versatile choice for various applications.
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.941 0.032 169.20) | #d8f3e8 | hsl(156, 53%, 90%) |
|
|
| 100 | oklch(0.929 0.036 170.20) | #d1f0e4 | hsl(157, 51%, 88%) |
|
|
| 200 | oklch(0.919 0.044 168.89) | #c9eedf | hsl(156, 52%, 86%) |
|
|
| 300 | oklch(0.906 0.049 168.69) | #c1ebda | hsl(156, 51%, 84%) |
|
|
| 400 | oklch(0.895 0.056 168.93) | #b9e9d6 | hsl(156, 52%, 82%) |
|
|
| 500 | oklch(0.882 0.062 168.66) | #b1e6d1 | hsl(156, 51%, 80%) |
|
|
| 600 | oklch(0.807 0.102 166.20) | #7bd5b1 | hsl(156, 52%, 66%) |
|
|
| 700 | oklch(0.735 0.133 163.18) | #45c391 | hsl(156, 51%, 52%) |
|
|
| 800 | oklch(0.592 0.110 163.07) | #2f926b | hsl(156, 51%, 38%) |
|
|
| 900 | oklch(0.431 0.077 163.43) | #1e5d44 | hsl(156, 51%, 24%) |
|
|
| 950 | oklch(0.248 0.039 164.12) | #0c271c | hsl(156, 53%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.014 191.38) | #dfeceb | hsl(175, 25%, 90%) |
|
|
| 100 | oklch(0.892 0.025 184.20) | #cae1dd | hsl(170, 28%, 84%) |
|
|
| 200 | oklch(0.848 0.035 185.08) | #b5d5d0 | hsl(171, 28%, 77%) |
|
|
| 300 | oklch(0.805 0.044 185.40) | #a0c9c3 | hsl(171, 28%, 71%) |
|
|
| 400 | oklch(0.762 0.053 185.25) | #8cbdb6 | hsl(171, 27%, 65%) |
|
|
| 500 | oklch(0.718 0.062 185.10) | #77b1a9 | hsl(172, 27%, 58%) |
|
|
| 600 | oklch(0.649 0.070 184.63) | #5a9d94 | hsl(172, 27%, 48%) |
|
|
| 700 | oklch(0.553 0.059 183.60) | #487e76 | hsl(171, 27%, 39%) |
|
|
| 800 | oklch(0.453 0.047 183.83) | #365f59 | hsl(171, 28%, 29%) |
|
|
| 900 | oklch(0.348 0.035 184.26) | #24403c | hsl(171, 28%, 20%) |
|
|
| 950 | oklch(0.231 0.018 189.94) | #13201f | hsl(175, 25%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.018 205.32) | #dcedef | hsl(186, 37%, 90%) |
|
|
| 100 | oklch(0.865 0.036 203.06) | #b8dadd | hsl(185, 35%, 79%) |
|
|
| 200 | oklch(0.795 0.054 203.54) | #93c7cc | hsl(185, 36%, 69%) |
|
|
| 300 | oklch(0.729 0.071 201.56) | #6fb5ba | hsl(184, 35%, 58%) |
|
|
| 400 | oklch(0.652 0.079 203.00) | #4e9ea5 | hsl(185, 36%, 48%) |
|
|
| 500 | oklch(0.544 0.064 202.39) | #3d7b80 | hsl(184, 35%, 37%) |
|
|
| 600 | oklch(0.486 0.057 201.94) | #34696d | hsl(184, 35%, 32%) |
|
|
| 700 | oklch(0.427 0.049 203.24) | #2b575b | hsl(185, 36%, 26%) |
|
|
| 800 | oklch(0.366 0.041 202.78) | #224548 | hsl(185, 36%, 21%) |
|
|
| 900 | oklch(0.301 0.032 202.02) | #193335 | hsl(184, 36%, 15%) |
|
|
| 950 | oklch(0.234 0.023 205.30) | #102123 | hsl(186, 37%, 10%) |
|
dsfds
| 50 | oklch(0.901 0.054 316.34) | #edd4f7 | hsl(283, 69%, 90%) |
|
|
| 100 | oklch(0.752 0.139 315.50) | #d092ea | hsl(282, 68%, 75%) |
|
|
| 200 | oklch(0.616 0.217 314.35) | #b34fdd | hsl(282, 68%, 59%) |
|
|
| 300 | oklch(0.499 0.219 313.33) | #8d24b8 | hsl(283, 67%, 43%) |
|
|
| 400 | oklch(0.365 0.155 313.40) | #5a1776 | hsl(282, 67%, 28%) |
|
|
| 500 | oklch(0.217 0.080 314.32) | #270a33 | hsl(282, 67%, 12%) |
|
|
| 600 | oklch(0.214 0.078 314.94) | #260a31 | hsl(283, 66%, 12%) |
|
|
| 700 | oklch(0.208 0.077 313.56) | #240930 | hsl(282, 68%, 11%) |
|
|
| 800 | oklch(0.205 0.074 314.19) | #23092e | hsl(282, 67%, 11%) |
|
|
| 900 | oklch(0.202 0.071 314.87) | #22092c | hsl(283, 66%, 10%) |
|
|
| 950 | oklch(0.198 0.071 314.83) | #21082b | hsl(283, 69%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.036 331.60) | #f1daed | hsl(310, 45%, 90%) |
|
|
| 100 | oklch(0.789 0.090 332.05) | #dda5d4 | hsl(310, 45%, 76%) |
|
|
| 200 | oklch(0.669 0.146 333.14) | #c970bb | hsl(309, 45%, 61%) |
|
|
| 300 | oklch(0.560 0.177 334.72) | #af429d | hsl(310, 45%, 47%) |
|
|
| 400 | oklch(0.434 0.133 334.25) | #7a2e6e | hsl(309, 45%, 33%) |
|
|
| 500 | oklch(0.297 0.084 334.15) | #451a3e | hsl(310, 45%, 19%) |
|
|
| 600 | oklch(0.281 0.077 334.79) | #3f1838 | hsl(311, 45%, 17%) |
|
|
| 700 | oklch(0.262 0.071 333.16) | #381533 | hsl(309, 45%, 15%) |
|
|
| 800 | oklch(0.245 0.064 333.83) | #32132d | hsl(310, 45%, 14%) |
|
|
| 900 | oklch(0.225 0.058 333.19) | #2b1027 | hsl(309, 46%, 12%) |
|
|
| 950 | oklch(0.208 0.050 334.11) | #250e21 | hsl(310, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
