Serene Modern Color Palette
This palette exudes a serene and modern vibe with soft grays, a refreshing minty green, and a warm blush, creating a tranquil yet stylish atmosphere perfect for contemporary spaces.
Practical uses and creative applications
The 'Serene Modern Color Palette' is a harmonious blend of soft hues that evoke tranquility and sophistication, making it an ideal choice for designers and creatives looking to create a calming atmosphere in their projects. Featuring gentle tones like #e6e6e6 and #aae6d9, this palette can be beautifully utilized in web design to foster a sense of peace, guiding users through an intuitive and pleasant browsing experience.
Whether for a personal blog, wellness site, or e-commerce platform, these colors can elevate brand identity while ensuring a modern aesthetic. In addition to digital applications, the 'Serene Modern Color Palette' shines in branding and packaging design, appealing to businesses in the health, beauty, and lifestyle sectors.
The muted shades of #c8cbc1 and #e6b0aa convey a sense of reliability and comfort, perfect for packaging that aims to attract the mindful consumer. Interior designers can also leverage this palette to create serene living spaces, promoting relaxation and balance in homes or offices.
Overall, this versatile palette is perfect for anyone striving to blend modern elegance with a calming vibe.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 200 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 300 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 400 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 500 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 600 | oklch(0.798 0.000 89.88) | #bdbdbd | hsl(0, 0%, 74%) |
|
|
| 700 | oklch(0.667 0.000 89.88) | #949494 | hsl(0, 0%, 58%) |
|
|
| 800 | oklch(0.528 0.000 89.88) | #6b6b6b | hsl(0, 0%, 42%) |
|
|
| 900 | oklch(0.379 0.000 89.88) | #424242 | hsl(0, 0%, 26%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.029 180.80) | #d8f3ed | hsl(167, 53%, 90%) |
|
|
| 100 | oklch(0.931 0.038 180.09) | #cef1e9 | hsl(166, 56%, 88%) |
|
|
| 200 | oklch(0.918 0.044 180.47) | #c5eee5 | hsl(167, 55%, 85%) |
|
|
| 300 | oklch(0.904 0.050 180.70) | #bcebe1 | hsl(167, 54%, 83%) |
|
|
| 400 | oklch(0.893 0.058 179.76) | #b3e9dd | hsl(167, 55%, 81%) |
|
|
| 500 | oklch(0.881 0.064 179.88) | #aae6d9 | hsl(167, 55%, 78%) |
|
|
| 600 | oklch(0.810 0.098 178.09) | #74d6c1 | hsl(167, 54%, 65%) |
|
|
| 700 | oklch(0.747 0.123 175.40) | #3ec6a9 | hsl(167, 54%, 51%) |
|
|
| 800 | oklch(0.599 0.099 175.47) | #2b937d | hsl(167, 55%, 37%) |
|
|
| 900 | oklch(0.433 0.070 175.85) | #1b5d4f | hsl(167, 55%, 24%) |
|
|
| 950 | oklch(0.250 0.035 176.52) | #0c2721 | hsl(167, 53%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.007 124.45) | #e6e8e3 | hsl(84, 10%, 90%) |
|
|
| 100 | oklch(0.910 0.008 121.64) | #e0e2dc | hsl(80, 9%, 87%) |
|
|
| 200 | oklch(0.891 0.008 121.64) | #dadcd6 | hsl(80, 8%, 85%) |
|
|
| 300 | oklch(0.873 0.010 119.60) | #d4d6cf | hsl(77, 8%, 83%) |
|
|
| 400 | oklch(0.856 0.013 121.73) | #ced1c8 | hsl(80, 9%, 80%) |
|
|
| 500 | oklch(0.837 0.014 120.32) | #c8cbc1 | hsl(78, 9%, 78%) |
|
|
| 600 | oklch(0.736 0.025 120.35) | #a7ac9b | hsl(78, 9%, 64%) |
|
|
| 700 | oklch(0.628 0.033 121.71) | #858c76 | hsl(79, 9%, 51%) |
|
|
| 800 | oklch(0.504 0.027 120.69) | #626756 | hsl(78, 9%, 37%) |
|
|
| 900 | oklch(0.369 0.017 120.83) | #3e4137 | hsl(78, 8%, 24%) |
|
|
| 950 | oklch(0.222 0.010 125.00) | #1a1c17 | hsl(84, 10%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.028 23.16) | #f3dad8 | hsl(4, 53%, 90%) |
|
|
| 100 | oklch(0.889 0.035 26.55) | #f1d2ce | hsl(7, 56%, 88%) |
|
|
| 200 | oklch(0.866 0.042 25.27) | #eec9c5 | hsl(6, 55%, 85%) |
|
|
| 300 | oklch(0.846 0.049 26.08) | #ebc1bc | hsl(6, 54%, 83%) |
|
|
| 400 | oklch(0.825 0.057 25.12) | #e9b8b3 | hsl(6, 55%, 81%) |
|
|
| 500 | oklch(0.805 0.064 25.84) | #e6b0aa | hsl(6, 55%, 78%) |
|
|
| 600 | oklch(0.686 0.111 27.23) | #d67e74 | hsl(6, 54%, 65%) |
|
|
| 700 | oklch(0.578 0.159 29.34) | #c64c3e | hsl(6, 54%, 51%) |
|
|
| 800 | oklch(0.463 0.128 29.53) | #93362b | hsl(6, 55%, 37%) |
|
|
| 900 | oklch(0.339 0.088 29.26) | #5d221b | hsl(6, 55%, 24%) |
|
|
| 950 | oklch(0.203 0.043 26.21) | #270e0c | hsl(4, 53%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.882 0.000 89.88) | #d8d8d8 | hsl(0, 0%, 85%) |
|
|
| 200 | oklch(0.839 0.000 89.88) | #cacaca | hsl(0, 0%, 79%) |
|
|
| 300 | oklch(0.795 0.000 89.88) | #bcbcbc | hsl(0, 0%, 74%) |
|
|
| 400 | oklch(0.754 0.000 89.88) | #afafaf | hsl(0, 0%, 69%) |
|
|
| 500 | oklch(0.709 0.000 89.88) | #a1a1a1 | hsl(0, 0%, 63%) |
|
|
| 600 | oklch(0.620 0.000 89.88) | #868686 | hsl(0, 0%, 53%) |
|
|
| 700 | oklch(0.528 0.000 89.88) | #6b6b6b | hsl(0, 0%, 42%) |
|
|
| 800 | oklch(0.431 0.000 89.88) | #505050 | hsl(0, 0%, 31%) |
|
|
| 900 | oklch(0.329 0.000 89.88) | #353535 | hsl(0, 0%, 21%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
