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.

pastel light spring happy wedding
#F9F9F9
#E1E5f4
#C2CAE9
#939BB8
#636B87

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.

#66B2FF
#66A3FF
#6694FF
#6685FF
#6676FF
#FFFFFF
#DEE6FE
#BCCDFE
#9BB3FD
#799AFC
#BFBFBF
#D2D2D2
#F2EFE5
#E3E1D9
#D2CEC3
#ebf2f2
#d0f2e7
#bcebdf
#ade0db
#d9dbdb
#e6e8e3
#d7dacf
#bec3bc
#8f9a9c
#65727a
#bda0a2
#ffe6db
#d1eaee
#cbc8b5
#efb0a9
#d5d8c7
#d4d6ce
#d3d5d5
#d1d3dc
#d0d2e3
#f5f5f5
#e9e9e9
#006666
#008584
#cccccc
#ceebd1
#b6deb9
#b1ccb4
#aebfaf
#a6ada7
© 2025 KColor. All rights reserved. 1.11.0