Serene Color Palette
This serene palette blends soft whites and cool blues, evoking a tranquil, modern atmosphere that's both sophisticated and calming, perfect for a chic, minimalist space.
Practical uses and creative applications
The Serene Color Palette is a soothing blend of soft hues designed to evoke a sense of calm and tranquility. Featuring delicate shades such as #F9F9F9, #E1E5F4, #C2CAE9, #939BB8, and #636B87, this palette is perfect for anyone looking to create a peaceful and inviting atmosphere.
Ideal for branding, web design, and packaging, the Serene Color Palette brings a touch of elegance to any project, making it particularly appealing for wellness brands, mental health services, and lifestyle products. Designers and creatives will find the Serene Color Palette particularly versatile for interior design, where its soft tones can transform spaces into serene retreats.
Whether you're selecting paint colors for a calming bedroom or curating a minimalist office environment, these hues work harmoniously to create a cohesive aesthetic. Additionally, web designers can use this palette to cultivate a user-friendly experience that encourages relaxation and focus, making it an excellent choice for websites promoting mindfulness or self-care.
Whether you're a graphic designer seeking to develop a tranquil brand identity or an interior decorator aiming to foster a peaceful ambiance, the Serene Color Palette offers the perfect foundation. Its harmonious blend of colors not only enhances visual appeal but also resonates emotionally with audiences, making it a valuable asset in any creative toolkit.
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.934 0.000 89.88) | #e9e9e9 | hsl(0, 0%, 91%) |
|
|
200 | oklch(0.946 0.000 89.88) | #ededed | hsl(0, 0%, 93%) |
|
|
300 | oklch(0.958 0.000 89.88) | #f1f1f1 | hsl(0, 0%, 95%) |
|
|
400 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
500 | oklch(0.982 0.000 89.88) | #f9f9f9 | hsl(0, 0%, 98%) |
|
|
600 | oklch(0.845 0.000 89.88) | #cccccc | hsl(0, 0%, 80%) |
|
|
700 | oklch(0.706 0.000 89.88) | #a0a0a0 | hsl(0, 0%, 63%) |
|
|
800 | oklch(0.556 0.000 89.88) | #737373 | hsl(0, 0%, 45%) |
|
|
900 | oklch(0.394 0.000 89.88) | #464646 | hsl(0, 0%, 27%) |
|
|
950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
50 | oklch(0.905 0.025 273.48) | #dadff1 | hsl(227, 45%, 90%) |
|
|
100 | oklch(0.908 0.025 273.48) | #dbe0f2 | hsl(227, 47%, 90%) |
|
|
200 | oklch(0.912 0.024 275.34) | #dde1f2 | hsl(229, 45%, 91%) |
|
|
300 | oklch(0.915 0.023 275.35) | #dee2f3 | hsl(229, 47%, 91%) |
|
|
400 | oklch(0.920 0.021 274.03) | #e0e4f3 | hsl(227, 44%, 92%) |
|
|
500 | oklch(0.923 0.021 274.03) | #e1e5f4 | hsl(227, 46%, 92%) |
|
|
600 | oklch(0.764 0.067 273.32) | #a4b0de | hsl(228, 47%, 76%) |
|
|
700 | oklch(0.601 0.118 271.31) | #677bc7 | hsl(228, 46%, 59%) |
|
|
800 | oklch(0.458 0.132 269.55) | #3b50a0 | hsl(228, 46%, 43%) |
|
|
900 | oklch(0.330 0.088 269.87) | #243162 | hsl(227, 46%, 26%) |
|
|
950 | oklch(0.192 0.037 270.81) | #0e1325 | hsl(227, 45%, 10%) |
|
dsfds
50 | oklch(0.903 0.026 276.38) | #dadef1 | hsl(230, 45%, 90%) |
|
|
100 | oklch(0.891 0.031 275.57) | #d5daf0 | hsl(229, 47%, 89%) |
|
|
200 | oklch(0.879 0.034 274.53) | #d0d6ee | hsl(228, 47%, 87%) |
|
|
300 | oklch(0.867 0.037 273.65) | #cbd2ec | hsl(227, 46%, 86%) |
|
|
400 | oklch(0.855 0.041 274.76) | #c7ceeb | hsl(228, 47%, 85%) |
|
|
500 | oklch(0.843 0.044 273.99) | #c2cae9 | hsl(228, 47%, 84%) |
|
|
600 | oklch(0.697 0.089 272.94) | #8b9ad5 | hsl(228, 47%, 69%) |
|
|
700 | oklch(0.549 0.138 270.22) | #536ac1 | hsl(227, 47%, 54%) |
|
|
800 | oklch(0.431 0.125 269.33) | #354994 | hsl(227, 47%, 39%) |
|
|
900 | oklch(0.317 0.085 269.43) | #212e5d | hsl(227, 48%, 25%) |
|
|
950 | oklch(0.189 0.039 273.15) | #0e1225 | hsl(230, 45%, 10%) |
|
dsfds
50 | oklch(0.916 0.011 269.54) | #e0e3eb | hsl(224, 22%, 90%) |
|
|
100 | oklch(0.872 0.018 275.61) | #d1d4e1 | hsl(229, 21%, 85%) |
|
|
200 | oklch(0.828 0.023 272.01) | #c1c6d6 | hsl(226, 20%, 80%) |
|
|
300 | oklch(0.784 0.029 272.42) | #b2b8cc | hsl(226, 20%, 75%) |
|
|
400 | oklch(0.737 0.037 273.09) | #a2a9c2 | hsl(227, 21%, 70%) |
|
|
500 | oklch(0.693 0.044 273.09) | #939bb8 | hsl(227, 21%, 65%) |
|
|
600 | oklch(0.592 0.060 271.95) | #717ca2 | hsl(227, 21%, 54%) |
|
|
700 | oklch(0.498 0.057 271.88) | #576184 | hsl(227, 21%, 43%) |
|
|
800 | oklch(0.406 0.045 272.62) | #414862 | hsl(227, 20%, 32%) |
|
|
900 | oklch(0.309 0.033 272.32) | #2a2f41 | hsl(227, 21%, 21%) |
|
|
950 | oklch(0.205 0.017 268.83) | #14171f | hsl(224, 22%, 10%) |
|
dsfds
50 | oklch(0.917 0.008 278.63) | #e2e3e9 | hsl(231, 14%, 90%) |
|
|
100 | oklch(0.843 0.016 273.82) | #c8cbd6 | hsl(227, 15%, 81%) |
|
|
200 | oklch(0.766 0.025 275.26) | #aeb2c3 | hsl(229, 15%, 72%) |
|
|
300 | oklch(0.689 0.033 273.43) | #949ab0 | hsl(227, 15%, 64%) |
|
|
400 | oklch(0.610 0.042 272.15) | #7a829d | hsl(226, 15%, 55%) |
|
|
500 | oklch(0.532 0.045 272.35) | #636b87 | hsl(227, 15%, 46%) |
|
|
600 | oklch(0.472 0.040 273.84) | #545a72 | hsl(228, 15%, 39%) |
|
|
700 | oklch(0.411 0.033 271.20) | #444a5d | hsl(226, 16%, 32%) |
|
|
800 | oklch(0.347 0.027 273.26) | #353948 | hsl(227, 15%, 25%) |
|
|
900 | oklch(0.279 0.021 273.04) | #252833 | hsl(227, 16%, 17%) |
|
|
950 | oklch(0.206 0.012 277.83) | #16171d | hsl(231, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.