Modern Serenity Color Palette
A striking blend of deep indigo and vibrant teal harmonizes with soft greens and crisp whites, evoking a fresh, modern energy that feels both serene and invigorating.
Practical uses and creative applications
The Modern Serenity Color Palette encapsulates a harmonious blend of deep blues, tranquil greens, and soft neutrals, making it an ideal choice for a variety of design projects. Featuring rich hues such as #221680 and #0A6CB5, paired with refreshing tones like #2CB2B7 and earthy accents like #D2F1AA, this palette evokes a sense of calm and sophistication.
Designers and creatives can seamlessly integrate these colors into branding, web design, and packaging to convey professionalism while inviting a serene atmosphere. Perfect for businesses in wellness, technology, or eco-friendly sectors, the Modern Serenity palette resonates with audiences seeking balance and tranquility.
The soothing color combination enhances user experience in web design, creating a welcoming interface that encourages engagement. Additionally, its thoughtful application in interior design can transform spaces into peaceful retreats, making it an excellent choice for home decor enthusiasts looking to create an oasis of calm.
Whether you’re a graphic designer aiming to craft a modern brand identity or an interior decorator wanting to establish a calming environment, the Modern Serenity Color Palette offers versatility and elegance. Its thoughtful arrangement of colors not only promotes a tranquil mood but also stands out in a crowded marketplace, making it a perfect fit for any creative endeavor.
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.882 0.051 291.52) | #d8d3f8 | hsl(248, 73%, 90%) |
|
|
| 100 | oklch(0.740 0.113 288.54) | #a89fee | hsl(247, 70%, 78%) |
|
|
| 200 | oklch(0.599 0.180 284.76) | #786ae5 | hsl(247, 70%, 66%) |
|
|
| 300 | oklch(0.474 0.237 277.40) | #4835dc | hsl(247, 70%, 54%) |
|
|
| 400 | oklch(0.391 0.216 274.74) | #301fb5 | hsl(247, 71%, 42%) |
|
|
| 500 | oklch(0.309 0.165 275.84) | #221680 | hsl(247, 71%, 29%) |
|
|
| 600 | oklch(0.282 0.147 276.69) | #1e136f | hsl(247, 71%, 25%) |
|
|
| 700 | oklch(0.254 0.129 277.10) | #19105e | hsl(247, 71%, 22%) |
|
|
| 800 | oklch(0.226 0.110 278.49) | #150d4d | hsl(248, 71%, 18%) |
|
|
| 900 | oklch(0.196 0.090 279.41) | #100a3c | hsl(247, 71%, 14%) |
|
|
| 950 | oklch(0.167 0.071 281.93) | #0c072c | hsl(248, 73%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.038 239.61) | #cfe9fc | hsl(205, 88%, 90%) |
|
|
| 100 | oklch(0.840 0.079 240.93) | #9cd2fa | hsl(206, 90%, 80%) |
|
|
| 200 | oklch(0.762 0.119 242.96) | #69baf7 | hsl(206, 90%, 69%) |
|
|
| 300 | oklch(0.692 0.153 245.55) | #36a3f4 | hsl(206, 90%, 58%) |
|
|
| 400 | oklch(0.622 0.171 249.60) | #0d8ae8 | hsl(206, 89%, 48%) |
|
|
| 500 | oklch(0.520 0.140 249.02) | #0a6cb5 | hsl(206, 90%, 37%) |
|
|
| 600 | oklch(0.464 0.123 248.68) | #095c9a | hsl(206, 89%, 32%) |
|
|
| 700 | oklch(0.407 0.107 248.54) | #074c80 | hsl(206, 90%, 26%) |
|
|
| 800 | oklch(0.350 0.087 247.01) | #063d65 | hsl(205, 89%, 21%) |
|
|
| 900 | oklch(0.288 0.070 246.12) | #042d4b | hsl(205, 90%, 15%) |
|
|
| 950 | oklch(0.222 0.049 243.64) | #031d30 | hsl(205, 88%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.031 199.09) | #d6f4f5 | hsl(182, 61%, 90%) |
|
|
| 100 | oklch(0.898 0.059 198.82) | #b0eaec | hsl(182, 61%, 81%) |
|
|
| 200 | oklch(0.854 0.083 198.61) | #8be0e3 | hsl(182, 61%, 72%) |
|
|
| 300 | oklch(0.813 0.102 198.49) | #66d6da | hsl(182, 61%, 63%) |
|
|
| 400 | oklch(0.775 0.116 198.54) | #40ccd1 | hsl(182, 61%, 54%) |
|
|
| 500 | oklch(0.698 0.109 198.79) | #2cb2b7 | hsl(182, 61%, 45%) |
|
|
| 600 | oklch(0.616 0.096 199.48) | #25969b | hsl(183, 61%, 38%) |
|
|
| 700 | oklch(0.533 0.082 198.24) | #1e7b7e | hsl(182, 62%, 31%) |
|
|
| 800 | oklch(0.445 0.067 199.20) | #185f62 | hsl(182, 61%, 24%) |
|
|
| 900 | oklch(0.354 0.052 196.95) | #114445 | hsl(181, 60%, 17%) |
|
|
| 950 | oklch(0.255 0.035 198.26) | #0a2829 | hsl(182, 61%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.051 126.44) | #e8f8d3 | hsl(86, 73%, 90%) |
|
|
| 100 | oklch(0.948 0.060 126.94) | #e3f6cb | hsl(87, 70%, 88%) |
|
|
| 200 | oklch(0.941 0.070 127.02) | #dff5c3 | hsl(86, 71%, 86%) |
|
|
| 300 | oklch(0.934 0.080 126.85) | #dbf4ba | hsl(86, 73%, 84%) |
|
|
| 400 | oklch(0.925 0.089 127.25) | #d6f2b2 | hsl(86, 71%, 82%) |
|
|
| 500 | oklch(0.919 0.098 127.38) | #d2f1aa | hsl(86, 72%, 81%) |
|
|
| 600 | oklch(0.865 0.163 129.01) | #b1e76c | hsl(86, 72%, 66%) |
|
|
| 700 | oklch(0.817 0.209 131.16) | #91dd2e | hsl(86, 72%, 52%) |
|
|
| 800 | oklch(0.662 0.173 131.60) | #6aa71c | hsl(86, 71%, 38%) |
|
|
| 900 | oklch(0.477 0.122 131.26) | #436a11 | hsl(86, 72%, 24%) |
|
|
| 950 | oklch(0.270 0.062 129.88) | #1c2c07 | hsl(86, 73%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
| 200 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 300 | oklch(0.949 0.000 89.88) | #eeeeee | hsl(0, 0%, 93%) |
|
|
| 400 | oklch(0.958 0.000 89.88) | #f1f1f1 | hsl(0, 0%, 95%) |
|
|
| 500 | oklch(0.967 0.000 89.88) | #f4f4f4 | hsl(0, 0%, 96%) |
|
|
| 600 | oklch(0.833 0.000 89.88) | #c8c8c8 | hsl(0, 0%, 78%) |
|
|
| 700 | oklch(0.696 0.000 89.88) | #9d9d9d | hsl(0, 0%, 62%) |
|
|
| 800 | oklch(0.549 0.000 89.88) | #717171 | hsl(0, 0%, 44%) |
|
|
| 900 | oklch(0.390 0.000 89.88) | #454545 | hsl(0, 0%, 27%) |
|
|
| 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.
