Serene Blue and Grey Color Palette
This serene palette of muted blues and soft greys evokes a tranquil, modern atmosphere, reminiscent of a calm, misty morning by the sea, where sophistication meets subtle elegance.
Practical uses and creative applications
The 'Serene Blue and Grey Color Palette' offers a tranquil blend of hues, perfect for creating a calming atmosphere in various design applications. With its main colors of #6c788e, #a6aec1, #cfd5e1, #ededf2, and #fcfdff, this palette is ideal for branding that seeks to convey reliability and sophistication.
Whether you're designing a logo for a wellness brand, crafting web interfaces for tech startups, or developing packaging for a lifestyle product, these soft blues and greys evoke a sense of peace and professionalism. Creatives and designers will find this color palette particularly appealing when aiming for a minimalist yet inviting aesthetic.
The gentle transition between shades allows for versatile use in interiors, such as in a serene bedroom or a chic office space. By incorporating the 'Serene Blue and Grey Color Palette', you can effectively target audiences looking for modern and elegant solutions while ensuring that your designs resonate with the tranquility they seek.
Ideal for anyone from graphic designers to interior decorators, this palette fosters a soothing environment that is both stylish and functional.
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.919 0.007 268.54) | #e2e4e9 | hsl(223, 14%, 90%) |
|
|
| 100 | oklch(0.853 0.012 259.82) | #cacfd7 | hsl(217, 14%, 82%) |
|
|
| 200 | oklch(0.785 0.018 264.46) | #b3b9c5 | hsl(220, 13%, 74%) |
|
|
| 300 | oklch(0.714 0.025 264.40) | #9ba3b3 | hsl(220, 14%, 65%) |
|
|
| 400 | oklch(0.644 0.031 261.43) | #838ea1 | hsl(218, 14%, 57%) |
|
|
| 500 | oklch(0.571 0.037 262.56) | #6c788e | hsl(219, 14%, 49%) |
|
|
| 600 | oklch(0.505 0.031 262.22) | #5b6577 | hsl(219, 13%, 41%) |
|
|
| 700 | oklch(0.437 0.027 263.02) | #4a5261 | hsl(219, 13%, 34%) |
|
|
| 800 | oklch(0.366 0.021 259.40) | #383f4a | hsl(217, 14%, 25%) |
|
|
| 900 | oklch(0.292 0.016 259.79) | #272c34 | hsl(217, 14%, 18%) |
|
|
| 950 | oklch(0.209 0.010 268.19) | #16181d | hsl(223, 14%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.009 264.52) | #e1e4ea | hsl(220, 18%, 90%) |
|
|
| 100 | oklch(0.885 0.013 266.69) | #d5d9e2 | hsl(222, 18%, 86%) |
|
|
| 200 | oklch(0.851 0.017 267.77) | #c9ceda | hsl(222, 19%, 82%) |
|
|
| 300 | oklch(0.818 0.020 270.17) | #bec3d1 | hsl(224, 17%, 78%) |
|
|
| 400 | oklch(0.785 0.024 266.86) | #b2b9c9 | hsl(222, 18%, 74%) |
|
|
| 500 | oklch(0.751 0.029 267.45) | #a6aec1 | hsl(222, 18%, 70%) |
|
|
| 600 | oklch(0.644 0.042 267.73) | #828da8 | hsl(223, 18%, 58%) |
|
|
| 700 | oklch(0.536 0.049 267.73) | #616d8b | hsl(223, 18%, 46%) |
|
|
| 800 | oklch(0.436 0.038 267.43) | #485167 | hsl(223, 18%, 34%) |
|
|
| 900 | oklch(0.325 0.026 266.77) | #2e3442 | hsl(222, 18%, 22%) |
|
|
| 950 | oklch(0.209 0.013 264.25) | #15181e | hsl(220, 18%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.010 261.79) | #e0e4eb | hsl(218, 22%, 90%) |
|
|
| 100 | oklch(0.908 0.012 259.82) | #dce1e9 | hsl(217, 23%, 89%) |
|
|
| 200 | oklch(0.899 0.013 262.38) | #d9dee7 | hsl(219, 23%, 88%) |
|
|
| 300 | oklch(0.891 0.015 264.49) | #d6dbe5 | hsl(220, 22%, 87%) |
|
|
| 400 | oklch(0.881 0.016 262.75) | #d2d8e3 | hsl(219, 23%, 86%) |
|
|
| 500 | oklch(0.872 0.018 264.48) | #cfd5e1 | hsl(220, 23%, 85%) |
|
|
| 600 | oklch(0.743 0.037 264.32) | #a0acc4 | hsl(220, 23%, 70%) |
|
|
| 700 | oklch(0.609 0.057 263.50) | #7183a6 | hsl(220, 23%, 55%) |
|
|
| 800 | oklch(0.481 0.054 263.30) | #4e5e7d | hsl(220, 23%, 40%) |
|
|
| 900 | oklch(0.352 0.036 263.02) | #313b4e | hsl(219, 23%, 25%) |
|
|
| 950 | oklch(0.208 0.015 261.60) | #14181f | hsl(218, 22%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.012 286.16) | #e1e1ea | hsl(240, 18%, 90%) |
|
|
| 100 | oklch(0.921 0.009 286.21) | #e4e4eb | hsl(240, 15%, 91%) |
|
|
| 200 | oklch(0.927 0.009 286.21) | #e6e6ed | hsl(240, 16%, 92%) |
|
|
| 300 | oklch(0.933 0.009 286.22) | #e8e8ef | hsl(240, 18%, 92%) |
|
|
| 400 | oklch(0.941 0.007 286.27) | #ebebf0 | hsl(240, 14%, 93%) |
|
|
| 500 | oklch(0.948 0.007 286.27) | #ededf2 | hsl(240, 16%, 94%) |
|
|
| 600 | oklch(0.798 0.027 285.78) | #bbbbce | hsl(240, 16%, 77%) |
|
|
| 700 | oklch(0.645 0.048 284.99) | #8a8aaa | hsl(240, 16%, 60%) |
|
|
| 800 | oklch(0.493 0.057 284.10) | #5d5d81 | hsl(240, 16%, 44%) |
|
|
| 900 | oklch(0.354 0.038 284.29) | #39394f | hsl(240, 16%, 27%) |
|
|
| 950 | oklch(0.200 0.018 284.67) | #15151e | hsl(240, 18%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.050 264.28) | #ccddff | hsl(220, 100%, 90%) |
|
|
| 100 | oklch(0.915 0.041 265.71) | #d6e3ff | hsl(221, 100%, 92%) |
|
|
| 200 | oklch(0.935 0.031 263.51) | #dfeaff | hsl(219, 100%, 94%) |
|
|
| 300 | oklch(0.954 0.022 265.76) | #e9f0ff | hsl(221, 100%, 96%) |
|
|
| 400 | oklch(0.975 0.012 259.82) | #f2f7ff | hsl(217, 100%, 97%) |
|
|
| 500 | oklch(0.994 0.003 264.54) | #fcfdff | hsl(220, 100%, 99%) |
|
|
| 600 | oklch(0.808 0.096 264.09) | #a1c0ff | hsl(220, 100%, 82%) |
|
|
| 700 | oklch(0.635 0.195 262.53) | #4683ff | hsl(220, 100%, 64%) |
|
|
| 800 | oklch(0.500 0.241 262.54) | #004ee9 | hsl(220, 100%, 46%) |
|
|
| 900 | oklch(0.352 0.164 262.07) | #002f8e | hsl(220, 100%, 28%) |
|
|
| 950 | oklch(0.189 0.073 258.90) | #001133 | hsl(220, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
