Serene Color Palette
A serene blend of soft grays and cool teal, this palette exudes a calm, modern sophistication, perfect for creating tranquil spaces with a touch of elegance.
Practical uses and creative applications
The Serene Color Palette is a harmonious blend of soft neutrals and calming greens, featuring shades like #f5f5f5, #e9e9e9, #006666, #008584, and #cccccc. This palette is ideal for designers and creatives seeking to evoke tranquility and balance in their projects.
Whether you're working on branding, web design, packaging, or interior spaces, these colors can create a soothing atmosphere that resonates with your audience. The subtle yet sophisticated tones are perfect for wellness brands, eco-friendly products, and lifestyle blogs aiming to convey a sense of peace and reliability.
In branding, the Serene Color Palette can help establish a trustworthy identity, appealing to consumers looking for calmness in a fast-paced world. For web design, these colors enhance user experience by providing a clean and inviting interface that encourages exploration.
In interiors, pairing these hues with natural materials can transform a space into a serene retreat, making it an excellent choice for spas, yoga studios, or modern homes. Overall, this palette is a versatile choice for anyone looking to inspire creativity and promote a sense of serenity in their projects.
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.943 0.000 89.88) | #ececec | hsl(0, 0%, 93%) |
|
|
| 300 | oklch(0.952 0.000 89.88) | #efefef | hsl(0, 0%, 94%) |
|
|
| 400 | oklch(0.961 0.000 89.88) | #f2f2f2 | hsl(0, 0%, 95%) |
|
|
| 500 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 600 | oklch(0.836 0.000 89.88) | #c9c9c9 | hsl(0, 0%, 79%) |
|
|
| 700 | oklch(0.696 0.000 89.88) | #9d9d9d | hsl(0, 0%, 62%) |
|
|
| 800 | oklch(0.549 0.000 89.88) | #717171 | hsl(0, 0%, 44%) |
|
|
| 900 | oklch(0.390 0.000 89.88) | #454545 | 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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 200 | oklch(0.928 0.000 89.88) | #e7e7e7 | hsl(0, 0%, 91%) |
|
|
| 300 | oklch(0.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
| 400 | oklch(0.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
| 500 | oklch(0.934 0.000 89.88) | #e9e9e9 | hsl(0, 0%, 91%) |
|
|
| 600 | oklch(0.808 0.000 89.88) | #c0c0c0 | hsl(0, 0%, 75%) |
|
|
| 700 | oklch(0.673 0.000 89.88) | #969696 | hsl(0, 0%, 59%) |
|
|
| 800 | oklch(0.535 0.000 89.88) | #6d6d6d | hsl(0, 0%, 43%) |
|
|
| 900 | oklch(0.383 0.000 89.88) | #434343 | hsl(0, 0%, 26%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.965 0.052 196.33) | #ccffff | hsl(180, 100%, 90%) |
|
|
| 100 | oklch(0.930 0.110 195.43) | #85ffff | hsl(180, 100%, 76%) |
|
|
| 200 | oklch(0.910 0.145 194.91) | #3dffff | hsl(180, 100%, 62%) |
|
|
| 300 | oklch(0.878 0.150 194.77) | #00f5f5 | hsl(180, 100%, 48%) |
|
|
| 400 | oklch(0.677 0.116 194.77) | #00adad | hsl(180, 100%, 34%) |
|
|
| 500 | oklch(0.462 0.079 194.77) | #006666 | hsl(180, 100%, 20%) |
|
|
| 600 | oklch(0.430 0.073 194.77) | #005c5c | hsl(180, 100%, 18%) |
|
|
| 700 | oklch(0.397 0.068 194.77) | #005252 | hsl(180, 100%, 16%) |
|
|
| 800 | oklch(0.360 0.061 194.77) | #004747 | hsl(180, 100%, 14%) |
|
|
| 900 | oklch(0.326 0.056 194.77) | #003d3d | hsl(180, 100%, 12%) |
|
|
| 950 | oklch(0.291 0.050 194.77) | #003333 | hsl(180, 100%, 10%) |
|
dsfds
| 50 | oklch(0.965 0.052 196.33) | #ccffff | hsl(180, 100%, 90%) |
|
|
| 100 | oklch(0.932 0.106 194.75) | #8bfffe | hsl(179, 100%, 77%) |
|
|
| 200 | oklch(0.912 0.141 194.41) | #4afffe | hsl(180, 100%, 65%) |
|
|
| 300 | oklch(0.905 0.154 193.75) | #08fffd | hsl(180, 100%, 52%) |
|
|
| 400 | oklch(0.748 0.128 194.12) | #00c6c5 | hsl(180, 100%, 39%) |
|
|
| 500 | oklch(0.558 0.095 193.84) | #008584 | hsl(180, 100%, 26%) |
|
|
| 600 | oklch(0.509 0.087 193.72) | #007574 | hsl(179, 100%, 23%) |
|
|
| 700 | oklch(0.455 0.078 193.57) | #006463 | hsl(179, 100%, 20%) |
|
|
| 800 | oklch(0.403 0.069 193.37) | #005453 | hsl(179, 100%, 16%) |
|
|
| 900 | oklch(0.347 0.059 194.77) | #004343 | hsl(180, 100%, 13%) |
|
|
| 950 | oklch(0.291 0.050 194.77) | #003333 | hsl(180, 100%, 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.891 0.000 89.88) | #dbdbdb | hsl(0, 0%, 86%) |
|
|
| 300 | oklch(0.876 0.000 89.88) | #d6d6d6 | hsl(0, 0%, 84%) |
|
|
| 400 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 500 | oklch(0.845 0.000 89.88) | #cccccc | hsl(0, 0%, 80%) |
|
|
| 600 | oklch(0.732 0.000 89.88) | #a8a8a8 | hsl(0, 0%, 66%) |
|
|
| 700 | oklch(0.617 0.000 89.88) | #858585 | hsl(0, 0%, 52%) |
|
|
| 800 | oklch(0.493 0.000 89.88) | #616161 | hsl(0, 0%, 38%) |
|
|
| 900 | oklch(0.360 0.000 89.88) | #3d3d3d | hsl(0, 0%, 24%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
