Modern Serenity Color Palette
This palette exudes a sleek, modern vibe with its deep black and navy blues, balanced by serene teal and refreshing mint, all softly illuminated by a gentle, creamy off-white, creating an atmosphere of sophisticated tranquility.
Practical uses and creative applications
The Modern Serenity Color Palette features a harmonious blend of deep blacks, tranquil blues, soothing greens, and soft cream tones. Comprising colors like #000000, #001f36, #1c5560, #79ae92, and #fbffcd, this palette is ideal for branding and web design projects that aim to evoke a sense of calm and professionalism.
Designers looking to create a clean, modern aesthetic will find this palette perfectly suited for corporate websites, mobile applications, and marketing materials that prioritize clarity and elegance. This color combination can also be effectively utilized in packaging design, particularly for eco-friendly or wellness products, as it conveys a message of purity and sophistication.
The interplay of dark and light tones in the Modern Serenity palette creates a striking visual appeal, making it a great choice for creatives in the fashion and home decor industries. Whether you're designing a minimalist interior space or crafting a tranquil lifestyle brand, this palette resonates with audiences seeking a balance of modernity and serenity.
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.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
| 500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
| 600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
| 700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
| 800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
| 900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.043 240.73) | #cce9ff | hsl(206, 100%, 90%) |
|
|
| 100 | oklch(0.802 0.110 241.85) | #7bc7ff | hsl(205, 100%, 74%) |
|
|
| 200 | oklch(0.698 0.168 246.83) | #2aa4ff | hsl(206, 100%, 58%) |
|
|
| 300 | oklch(0.579 0.167 250.70) | #007cd8 | hsl(206, 100%, 42%) |
|
|
| 400 | oklch(0.416 0.115 249.12) | #004e87 | hsl(205, 100%, 26%) |
|
|
| 500 | oklch(0.231 0.058 244.59) | #001f36 | hsl(206, 100%, 11%) |
|
|
| 600 | oklch(0.230 0.056 243.48) | #001f35 | hsl(205, 100%, 10%) |
|
|
| 700 | oklch(0.227 0.057 245.14) | #001e35 | hsl(206, 100%, 10%) |
|
|
| 800 | oklch(0.226 0.056 244.04) | #001e34 | hsl(205, 100%, 10%) |
|
|
| 900 | oklch(0.226 0.056 244.04) | #001e34 | hsl(205, 100%, 10%) |
|
|
| 950 | oklch(0.223 0.056 244.61) | #001d33 | hsl(206, 100%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.025 209.25) | #d8eff3 | hsl(189, 53%, 90%) |
|
|
| 100 | oklch(0.854 0.057 210.20) | #a4dae4 | hsl(189, 54%, 77%) |
|
|
| 200 | oklch(0.776 0.085 211.08) | #70c5d5 | hsl(190, 55%, 64%) |
|
|
| 300 | oklch(0.702 0.106 212.89) | #3cb0c6 | hsl(190, 55%, 51%) |
|
|
| 400 | oklch(0.566 0.085 213.16) | #2b8394 | hsl(190, 55%, 37%) |
|
|
| 500 | oklch(0.418 0.061 212.81) | #1c5560 | hsl(190, 55%, 24%) |
|
|
| 600 | oklch(0.384 0.055 213.27) | #194b55 | hsl(190, 55%, 22%) |
|
|
| 700 | oklch(0.349 0.049 211.67) | #154149 | hsl(189, 55%, 18%) |
|
|
| 800 | oklch(0.314 0.043 212.11) | #12373e | hsl(190, 55%, 16%) |
|
|
| 900 | oklch(0.277 0.037 212.77) | #0f2d33 | hsl(190, 55%, 13%) |
|
|
| 950 | oklch(0.240 0.030 210.32) | #0c2327 | hsl(189, 53%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.017 162.73) | #dfece5 | hsl(148, 25%, 90%) |
|
|
| 100 | oklch(0.886 0.025 164.37) | #cbdfd5 | hsl(150, 24%, 84%) |
|
|
| 200 | oklch(0.841 0.037 163.06) | #b6d3c4 | hsl(149, 25%, 77%) |
|
|
| 300 | oklch(0.797 0.049 161.46) | #a2c7b3 | hsl(148, 25%, 71%) |
|
|
| 400 | oklch(0.750 0.058 162.36) | #8dbaa3 | hsl(149, 25%, 64%) |
|
|
| 500 | oklch(0.706 0.070 160.87) | #79ae92 | hsl(148, 25%, 58%) |
|
|
| 600 | oklch(0.633 0.080 159.69) | #5d9979 | hsl(148, 24%, 48%) |
|
|
| 700 | oklch(0.540 0.068 159.84) | #4a7b61 | hsl(148, 25%, 39%) |
|
|
| 800 | oklch(0.444 0.054 159.51) | #385d49 | hsl(148, 25%, 29%) |
|
|
| 900 | oklch(0.340 0.038 159.83) | #263e31 | hsl(148, 24%, 20%) |
|
|
| 950 | oklch(0.229 0.023 160.37) | #132019 | hsl(148, 25%, 10%) |
|
dsfds
| 50 | oklch(0.984 0.066 111.24) | #fbffcc | hsl(65, 100%, 90%) |
|
|
| 100 | oklch(0.984 0.066 111.24) | #fbffcc | hsl(65, 100%, 90%) |
|
|
| 200 | oklch(0.984 0.066 111.24) | #fbffcc | hsl(65, 100%, 90%) |
|
|
| 300 | oklch(0.985 0.064 111.29) | #fbffcd | hsl(65, 100%, 90%) |
|
|
| 400 | oklch(0.985 0.064 111.29) | #fbffcd | hsl(65, 100%, 90%) |
|
|
| 500 | oklch(0.985 0.064 111.29) | #fbffcd | hsl(65, 100%, 90%) |
|
|
| 600 | oklch(0.966 0.156 113.25) | #f4ff7b | hsl(65, 100%, 74%) |
|
|
| 700 | oklch(0.955 0.208 114.65) | #eeff29 | hsl(65, 100%, 58%) |
|
|
| 800 | oklch(0.837 0.191 115.71) | #c5d700 | hsl(65, 100%, 42%) |
|
|
| 900 | oklch(0.587 0.134 115.44) | #7a8500 | hsl(65, 100%, 26%) |
|
|
| 950 | oklch(0.307 0.069 114.47) | #2f3300 | hsl(65, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
