Serene Modern Elegance Color Palette
This palette exudes a serene, modern elegance with deep forest greens and soft, airy pastels, creating a tranquil yet sophisticated atmosphere that's both calming and refreshing.
Practical uses and creative applications
The 'Serene Modern Elegance Color Palette' is a harmonious blend of deep and muted tones that evoke tranquility and sophistication. With its rich black (#010300) grounding the palette, complemented by the calming hues of teal (#314c53) and soft green (#5a7f78), it creates a versatile backdrop for a variety of design projects.
The gentle blush of #bbdec6 and the pristine white of #f7f8fc add a touch of lightness, making this palette perfect for branding, web design, and packaging that seeks to convey a sense of modern elegance and serenity. This color palette is ideal for designers and creatives looking to craft an inviting atmosphere in their work.
It resonates particularly well with brands focused on wellness, lifestyle, or eco-conscious themes, where a sense of calm and reassurance is essential. Whether you're designing a minimalist website, creating sophisticated product packaging, or transforming interior spaces into tranquil retreats, the 'Serene Modern Elegance Color Palette' offers a refined aesthetic that appeals to discerning audiences seeking both style and substance.
Embrace this palette to elevate your projects and connect with your audience on a deeper level.
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.963 0.076 135.24) | #ddffcc | hsl(100, 100%, 90%) |
|
|
| 100 | oklch(0.911 0.199 136.50) | #a0ff71 | hsl(100, 100%, 72%) |
|
|
| 200 | oklch(0.881 0.273 139.01) | #63ff16 | hsl(100, 100%, 54%) |
|
|
| 300 | oklch(0.690 0.220 139.52) | #3eb900 | hsl(100, 100%, 36%) |
|
|
| 400 | oklch(0.424 0.133 138.81) | #1f5e00 | hsl(100, 100%, 18%) |
|
|
| 500 | oklch(0.088 0.024 132.12) | #010300 | hsl(100, 100%, 1%) |
|
|
| 600 | oklch(0.143 0.040 133.14) | #040d00 | hsl(102, 100%, 3%) |
|
|
| 700 | oklch(0.179 0.052 134.33) | #071600 | hsl(101, 100%, 4%) |
|
|
| 800 | oklch(0.217 0.064 135.39) | #0b2000 | hsl(99, 100%, 6%) |
|
|
| 900 | oklch(0.250 0.075 136.45) | #0e2900 | hsl(100, 100%, 8%) |
|
|
| 950 | oklch(0.284 0.087 137.36) | #113300 | hsl(100, 100%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.011 217.55) | #dfe9ec | hsl(194, 25%, 90%) |
|
|
| 100 | oklch(0.835 0.027 214.46) | #b6ced4 | hsl(192, 26%, 77%) |
|
|
| 200 | oklch(0.740 0.042 216.05) | #8db2bc | hsl(193, 26%, 65%) |
|
|
| 300 | oklch(0.642 0.057 215.87) | #6496a3 | hsl(192, 26%, 52%) |
|
|
| 400 | oklch(0.526 0.048 214.81) | #49727c | hsl(192, 26%, 39%) |
|
|
| 500 | oklch(0.398 0.035 215.79) | #314c53 | hsl(192, 26%, 26%) |
|
|
| 600 | oklch(0.366 0.031 215.11) | #2b4349 | hsl(192, 26%, 23%) |
|
|
| 700 | oklch(0.330 0.028 218.50) | #25393f | hsl(194, 26%, 20%) |
|
|
| 800 | oklch(0.296 0.023 213.96) | #1f3034 | hsl(191, 25%, 16%) |
|
|
| 900 | oklch(0.261 0.020 212.41) | #19272a | hsl(191, 25%, 13%) |
|
|
| 950 | oklch(0.222 0.016 218.22) | #131d20 | hsl(194, 25%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.010 181.40) | #e1eae8 | hsl(167, 18%, 90%) |
|
|
| 100 | oklch(0.862 0.019 184.19) | #c5d6d3 | hsl(169, 17%, 81%) |
|
|
| 200 | oklch(0.793 0.029 182.68) | #a8c2bd | hsl(168, 18%, 71%) |
|
|
| 300 | oklch(0.723 0.038 181.25) | #8caea7 | hsl(168, 17%, 62%) |
|
|
| 400 | oklch(0.653 0.047 181.70) | #709a92 | hsl(169, 17%, 52%) |
|
|
| 500 | oklch(0.567 0.043 181.68) | #5a7f78 | hsl(169, 17%, 43%) |
|
|
| 600 | oklch(0.505 0.038 181.80) | #4c6c66 | hsl(169, 17%, 36%) |
|
|
| 700 | oklch(0.438 0.032 181.52) | #3e5853 | hsl(168, 17%, 29%) |
|
|
| 800 | oklch(0.372 0.026 181.11) | #314541 | hsl(168, 17%, 23%) |
|
|
| 900 | oklch(0.300 0.019 185.40) | #23312f | hsl(171, 17%, 16%) |
|
|
| 950 | oklch(0.225 0.014 179.89) | #151e1c | hsl(167, 18%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.024 155.13) | #ddeee2 | hsl(138, 33%, 90%) |
|
|
| 100 | oklch(0.921 0.029 156.61) | #d6ebdd | hsl(140, 34%, 88%) |
|
|
| 200 | oklch(0.908 0.035 155.91) | #cfe8d7 | hsl(139, 35%, 86%) |
|
|
| 300 | oklch(0.895 0.041 155.38) | #c8e5d1 | hsl(139, 36%, 84%) |
|
|
| 400 | oklch(0.881 0.043 155.79) | #c2e1cc | hsl(139, 34%, 82%) |
|
|
| 500 | oklch(0.869 0.049 155.29) | #bbdec6 | hsl(139, 35%, 80%) |
|
|
| 600 | oklch(0.777 0.085 154.16) | #8bc79e | hsl(139, 35%, 66%) |
|
|
| 700 | oklch(0.686 0.119 152.15) | #5baf75 | hsl(139, 34%, 52%) |
|
|
| 800 | oklch(0.553 0.100 152.36) | #3f8355 | hsl(139, 35%, 38%) |
|
|
| 900 | oklch(0.402 0.070 151.91) | #285335 | hsl(138, 35%, 24%) |
|
|
| 950 | oklch(0.233 0.033 152.59) | #112216 | hsl(138, 33%, 10%) |
|
dsfds
| 50 | oklch(0.905 0.025 273.48) | #dadff1 | hsl(227, 45%, 90%) |
|
|
| 100 | oklch(0.920 0.021 274.03) | #e0e4f3 | hsl(227, 44%, 92%) |
|
|
| 200 | oklch(0.935 0.016 274.81) | #e6e9f5 | hsl(228, 43%, 93%) |
|
|
| 300 | oklch(0.950 0.014 272.69) | #ebeef8 | hsl(226, 48%, 95%) |
|
|
| 400 | oklch(0.965 0.010 273.36) | #f1f3fa | hsl(227, 47%, 96%) |
|
|
| 500 | oklch(0.980 0.005 274.97) | #f7f8fc | hsl(228, 45%, 98%) |
|
|
| 600 | oklch(0.810 0.053 274.42) | #b6bfe4 | hsl(228, 46%, 80%) |
|
|
| 700 | oklch(0.635 0.106 272.54) | #7586cb | hsl(228, 45%, 63%) |
|
|
| 800 | oklch(0.474 0.135 269.91) | #3f54a7 | hsl(228, 45%, 45%) |
|
|
| 900 | oklch(0.339 0.091 270.21) | #263366 | hsl(228, 46%, 27%) |
|
|
| 950 | oklch(0.192 0.037 270.81) | #0e1325 | hsl(227, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
