Serene Modern Color Palette
This palette exudes a serene, modern vibe with soothing shades of soft gray, refreshing teal, and pastel green, creating a tranquil yet uplifting atmosphere perfect for contemporary spaces.
Practical uses and creative applications
The Serene Modern Color Palette is an exquisite blend of calming hues that effortlessly marries sophistication with tranquility. Comprising soft grays (#9e9e9e, #e0e0e0), refreshing blues (#5ecde0, #00fff2), and gentle greens (#c4ffc9), this palette is ideal for designers and creatives seeking to evoke a sense of peace and reliability in their projects.
Whether you're working on branding for a wellness brand, web design for a lifestyle blog, or packaging for eco-friendly products, these colors provide a harmonious backdrop that resonates with modern aesthetics. This palette is particularly suited for contemporary interior designs, where it can transform spaces into serene retreats.
The soothing tones work well in residential settings, creating a calming atmosphere in living rooms or bedrooms. Additionally, the Serene Modern Color Palette is perfect for graphic designers looking to create visual content that feels fresh and inviting, making it an excellent choice for marketing materials or social media graphics aimed at audiences who appreciate a clean and modern style.
By incorporating these colors, you can craft a cohesive and appealing visual identity that speaks to the heart of your brand's mission.
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.879 0.000 89.88) | #d7d7d7 | hsl(0, 0%, 84%) |
|
|
| 200 | oklch(0.836 0.000 89.88) | #c9c9c9 | hsl(0, 0%, 79%) |
|
|
| 300 | oklch(0.792 0.000 89.88) | #bbbbbb | hsl(0, 0%, 73%) |
|
|
| 400 | oklch(0.744 0.000 89.88) | #acacac | hsl(0, 0%, 67%) |
|
|
| 500 | oklch(0.699 0.000 89.88) | #9e9e9e | hsl(0, 0%, 62%) |
|
|
| 600 | oklch(0.613 0.000 89.88) | #848484 | hsl(0, 0%, 52%) |
|
|
| 700 | oklch(0.521 0.000 89.88) | #696969 | hsl(0, 0%, 41%) |
|
|
| 800 | oklch(0.428 0.000 89.88) | #4f4f4f | hsl(0, 0%, 31%) |
|
|
| 900 | oklch(0.325 0.000 89.88) | #343434 | hsl(0, 0%, 20%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.032 208.74) | #d4f2f7 | hsl(189, 69%, 90%) |
|
|
| 100 | oklch(0.908 0.048 209.58) | #bdeaf2 | hsl(189, 67%, 85%) |
|
|
| 200 | oklch(0.878 0.064 209.69) | #a5e3ee | hsl(189, 68%, 79%) |
|
|
| 300 | oklch(0.848 0.080 208.94) | #8ddce9 | hsl(188, 68%, 73%) |
|
|
| 400 | oklch(0.818 0.092 210.56) | #76d4e5 | hsl(189, 68%, 68%) |
|
|
| 500 | oklch(0.791 0.104 210.35) | #5ecde0 | hsl(189, 68%, 62%) |
|
|
| 600 | oklch(0.743 0.119 211.95) | #31bfd7 | hsl(189, 67%, 52%) |
|
|
| 700 | oklch(0.639 0.104 212.56) | #229cb1 | hsl(189, 68%, 41%) |
|
|
| 800 | oklch(0.519 0.083 211.49) | #197584 | hsl(188, 68%, 31%) |
|
|
| 900 | oklch(0.389 0.061 212.88) | #114d58 | hsl(189, 68%, 21%) |
|
|
| 950 | oklch(0.249 0.036 210.48) | #08262b | hsl(189, 69%, 10%) |
|
dsfds
| 50 | oklch(0.964 0.052 191.88) | #ccfffc | hsl(176, 100%, 90%) |
|
|
| 100 | oklch(0.941 0.088 191.37) | #a3fffa | hsl(177, 100%, 82%) |
|
|
| 200 | oklch(0.923 0.118 190.68) | #7afff8 | hsl(177, 100%, 74%) |
|
|
| 300 | oklch(0.911 0.139 189.92) | #52fff6 | hsl(177, 100%, 66%) |
|
|
| 400 | oklch(0.904 0.152 189.12) | #29fff4 | hsl(177, 100%, 58%) |
|
|
| 500 | oklch(0.901 0.157 188.22) | #00fff2 | hsl(177, 100%, 50%) |
|
|
| 600 | oklch(0.790 0.137 188.23) | #00d6cb | hsl(177, 100%, 42%) |
|
|
| 700 | oklch(0.674 0.117 188.96) | #00ada5 | hsl(177, 100%, 34%) |
|
|
| 800 | oklch(0.556 0.097 188.31) | #00857e | hsl(177, 100%, 26%) |
|
|
| 900 | oklch(0.428 0.074 188.37) | #005c57 | hsl(177, 100%, 18%) |
|
|
| 950 | oklch(0.289 0.050 188.51) | #003330 | hsl(176, 100%, 10%) |
|
dsfds
| 50 | oklch(0.953 0.081 146.98) | #ccffd0 | hsl(125, 100%, 90%) |
|
|
| 100 | oklch(0.951 0.084 147.40) | #caffcf | hsl(126, 100%, 90%) |
|
|
| 200 | oklch(0.950 0.086 146.80) | #c9ffcd | hsl(124, 100%, 89%) |
|
|
| 300 | oklch(0.949 0.089 147.19) | #c7ffcc | hsl(125, 100%, 89%) |
|
|
| 400 | oklch(0.948 0.091 146.63) | #c6ffca | hsl(124, 100%, 89%) |
|
|
| 500 | oklch(0.946 0.094 147.00) | #c4ffc9 | hsl(125, 100%, 88%) |
|
|
| 600 | oklch(0.894 0.208 145.19) | #74ff80 | hsl(125, 100%, 73%) |
|
|
| 700 | oklch(0.870 0.279 143.38) | #24ff37 | hsl(125, 100%, 57%) |
|
|
| 800 | oklch(0.751 0.253 142.83) | #00d312 | hsl(125, 100%, 41%) |
|
|
| 900 | oklch(0.529 0.177 143.04) | #00830b | hsl(125, 100%, 26%) |
|
|
| 950 | oklch(0.279 0.091 143.85) | #003304 | hsl(125, 100%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.919 0.000 89.88) | #e4e4e4 | hsl(0, 0%, 89%) |
|
|
| 200 | oklch(0.916 0.000 89.88) | #e3e3e3 | hsl(0, 0%, 89%) |
|
|
| 300 | oklch(0.913 0.000 89.88) | #e2e2e2 | hsl(0, 0%, 89%) |
|
|
| 400 | oklch(0.910 0.000 89.88) | #e1e1e1 | hsl(0, 0%, 88%) |
|
|
| 500 | oklch(0.907 0.000 89.88) | #e0e0e0 | hsl(0, 0%, 88%) |
|
|
| 600 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 700 | oklch(0.657 0.000 89.88) | #919191 | hsl(0, 0%, 57%) |
|
|
| 800 | oklch(0.521 0.000 89.88) | #696969 | hsl(0, 0%, 41%) |
|
|
| 900 | oklch(0.375 0.000 89.88) | #414141 | hsl(0, 0%, 25%) |
|
|
| 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.
