Serene Modern Color Palette
This palette exudes a serene, modern elegance with soft grays and vibrant blues, creating a calming yet dynamic atmosphere perfect for contemporary spaces.
Practical uses and creative applications
The Serene Modern Color Palette is a harmonious blend of soft grays and vibrant blues, making it an ideal choice for branding and web design aimed at conveying professionalism and tranquility. Comprising gentle shades like #F0F0F0 and #C8C8C8, paired with striking hues of #2850F0, #2850C8, and #2828A0, this palette offers a balanced aesthetic that speaks to contemporary sensibilities.
Designers and creatives seeking to evoke a sense of calm and reliability will find this palette perfect for tech startups, wellness brands, or any venture wanting to inspire confidence and serenity. In the realm of packaging and interior design, the Serene Modern Color Palette excels in creating inviting and sophisticated environments.
Whether it's for a minimalist product line or a serene home office, the interplay of light and dark tones provides depth while maintaining an airy feel. This palette is particularly suited for audience segments such as interior decorators and product designers who prioritize a modern yet peaceful atmosphere.
Use this versatile palette to elevate your projects and resonate with consumers who appreciate a blend of modernity and tranquility.
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.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
| 200 | oklch(0.937 0.000 89.88) | #eaeaea | hsl(0, 0%, 92%) |
|
|
| 300 | oklch(0.943 0.000 89.88) | #ececec | hsl(0, 0%, 93%) |
|
|
| 400 | oklch(0.949 0.000 89.88) | #eeeeee | hsl(0, 0%, 93%) |
|
|
| 500 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 600 | oklch(0.823 0.000 89.88) | #c5c5c5 | hsl(0, 0%, 77%) |
|
|
| 700 | oklch(0.686 0.000 89.88) | #9a9a9a | hsl(0, 0%, 60%) |
|
|
| 800 | oklch(0.542 0.000 89.88) | #6f6f6f | hsl(0, 0%, 44%) |
|
|
| 900 | oklch(0.387 0.000 89.88) | #444444 | hsl(0, 0%, 27%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.907 0.000 89.88) | #e0e0e0 | hsl(0, 0%, 88%) |
|
|
| 200 | oklch(0.888 0.000 89.88) | #dadada | hsl(0, 0%, 85%) |
|
|
| 300 | oklch(0.870 0.000 89.88) | #d4d4d4 | hsl(0, 0%, 83%) |
|
|
| 400 | oklch(0.851 0.000 89.88) | #cecece | hsl(0, 0%, 81%) |
|
|
| 500 | oklch(0.833 0.000 89.88) | #c8c8c8 | hsl(0, 0%, 78%) |
|
|
| 600 | oklch(0.722 0.000 89.88) | #a5a5a5 | hsl(0, 0%, 65%) |
|
|
| 700 | oklch(0.607 0.000 89.88) | #828282 | hsl(0, 0%, 51%) |
|
|
| 800 | oklch(0.485 0.000 89.88) | #5f5f5f | hsl(0, 0%, 37%) |
|
|
| 900 | oklch(0.356 0.000 89.88) | #3c3c3c | hsl(0, 0%, 24%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.887 0.051 274.26) | #cfd8fc | hsl(228, 88%, 90%) |
|
|
| 100 | oklch(0.808 0.087 273.46) | #aebdf9 | hsl(228, 86%, 83%) |
|
|
| 200 | oklch(0.730 0.126 271.94) | #8ca2f7 | hsl(228, 87%, 76%) |
|
|
| 300 | oklch(0.653 0.167 270.86) | #6b86f5 | hsl(228, 87%, 69%) |
|
|
| 400 | oklch(0.580 0.206 268.48) | #496bf2 | hsl(228, 87%, 62%) |
|
|
| 500 | oklch(0.517 0.242 266.19) | #2850f0 | hsl(228, 87%, 55%) |
|
|
| 600 | oklch(0.452 0.246 264.85) | #0f38db | hsl(228, 87%, 46%) |
|
|
| 700 | oklch(0.388 0.207 264.99) | #0c2db0 | hsl(228, 87%, 37%) |
|
|
| 800 | oklch(0.320 0.165 265.25) | #092285 | hsl(228, 87%, 28%) |
|
|
| 900 | oklch(0.249 0.121 265.59) | #06175a | hsl(228, 88%, 19%) |
|
|
| 950 | oklch(0.175 0.074 265.45) | #030c30 | hsl(228, 88%, 10%) |
|
dsfds
| 50 | oklch(0.899 0.037 272.05) | #d5ddf7 | hsl(226, 68%, 90%) |
|
|
| 100 | oklch(0.812 0.069 270.15) | #b0c0ef | hsl(225, 66%, 81%) |
|
|
| 200 | oklch(0.725 0.104 269.57) | #8ca3e8 | hsl(225, 67%, 73%) |
|
|
| 300 | oklch(0.636 0.142 268.53) | #6785e1 | hsl(225, 67%, 64%) |
|
|
| 400 | oklch(0.553 0.178 266.80) | #4368d9 | hsl(225, 66%, 56%) |
|
|
| 500 | oklch(0.481 0.192 265.41) | #2850c8 | hsl(225, 67%, 47%) |
|
|
| 600 | oklch(0.426 0.168 265.72) | #2243a9 | hsl(225, 67%, 40%) |
|
|
| 700 | oklch(0.371 0.141 265.49) | #1b3789 | hsl(225, 67%, 32%) |
|
|
| 800 | oklch(0.312 0.115 266.01) | #152a6a | hsl(225, 67%, 25%) |
|
|
| 900 | oklch(0.252 0.084 266.21) | #0f1e4a | hsl(225, 66%, 17%) |
|
|
| 950 | oklch(0.188 0.054 267.99) | #09112b | hsl(226, 65%, 10%) |
|
dsfds
| 50 | oklch(0.886 0.042 285.50) | #d6d6f5 | hsl(240, 61%, 90%) |
|
|
| 100 | oklch(0.770 0.087 284.18) | #adadea | hsl(240, 59%, 80%) |
|
|
| 200 | oklch(0.651 0.137 281.91) | #8383e0 | hsl(240, 60%, 70%) |
|
|
| 300 | oklch(0.538 0.186 278.15) | #5a5ad6 | hsl(240, 60%, 60%) |
|
|
| 400 | oklch(0.437 0.223 272.26) | #3232c9 | hsl(240, 60%, 49%) |
|
|
| 500 | oklch(0.373 0.186 272.80) | #2828a0 | hsl(240, 60%, 39%) |
|
|
| 600 | oklch(0.335 0.163 273.20) | #222288 | hsl(240, 60%, 33%) |
|
|
| 700 | oklch(0.295 0.139 273.75) | #1c1c70 | hsl(240, 60%, 27%) |
|
|
| 800 | oklch(0.254 0.115 274.54) | #161658 | hsl(240, 60%, 22%) |
|
|
| 900 | oklch(0.213 0.090 275.57) | #101041 | hsl(240, 60%, 16%) |
|
|
| 950 | oklch(0.169 0.062 277.54) | #0a0a29 | hsl(240, 61%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
