Tranquil Soft Gray Color Palette
This soothing palette of soft grays and muted neutrals evokes a tranquil, minimalist aesthetic, perfect for creating a serene, modern retreat.
Practical uses and creative applications
The Tranquil Soft Gray Color Palette offers a serene blend of soft grays and muted neutrals, making it an ideal choice for branding that emphasizes sophistication and calmness. With main colors like #BFBFBF and #D2D2D2, this palette evokes a sense of tranquility that can enhance logos, business cards, and marketing materials for brands focused on wellness, lifestyle, or minimalist aesthetics.
Designers seeking to convey a refined, modern image will find these hues perfectly suited for creating a cohesive visual identity. In web design, the Tranquil Soft Gray Color Palette serves as an excellent backdrop for user-friendly interfaces, allowing content to take center stage while still providing an inviting atmosphere.
The subtle contrast of #F2EFE5 and #E3E1D9 enhances readability, making it perfect for blogs, portfolios, and e-commerce sites. Additionally, interior designers can utilize this palette to create calming spaces in residential or commercial projects, promoting relaxation and a sense of harmony.
Ideal for creatives looking to establish a peaceful yet stylish environment, this palette encourages exploration and creativity in every setting.
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.901 0.000 89.88) | #dedede | hsl(0, 0%, 87%) |
|
|
| 200 | oklch(0.876 0.000 89.88) | #d6d6d6 | hsl(0, 0%, 84%) |
|
|
| 300 | oklch(0.851 0.000 89.88) | #cecece | hsl(0, 0%, 81%) |
|
|
| 400 | oklch(0.830 0.000 89.88) | #c7c7c7 | hsl(0, 0%, 78%) |
|
|
| 500 | oklch(0.805 0.000 89.88) | #bfbfbf | hsl(0, 0%, 75%) |
|
|
| 600 | oklch(0.699 0.000 89.88) | #9e9e9e | hsl(0, 0%, 62%) |
|
|
| 700 | oklch(0.590 0.000 89.88) | #7d7d7d | hsl(0, 0%, 49%) |
|
|
| 800 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 900 | oklch(0.352 0.000 89.88) | #3b3b3b | hsl(0, 0%, 23%) |
|
|
| 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.913 0.000 89.88) | #e2e2e2 | hsl(0, 0%, 89%) |
|
|
| 200 | oklch(0.901 0.000 89.88) | #dedede | hsl(0, 0%, 87%) |
|
|
| 300 | oklch(0.888 0.000 89.88) | #dadada | hsl(0, 0%, 85%) |
|
|
| 400 | oklch(0.876 0.000 89.88) | #d6d6d6 | hsl(0, 0%, 84%) |
|
|
| 500 | oklch(0.864 0.000 89.88) | #d2d2d2 | hsl(0, 0%, 82%) |
|
|
| 600 | oklch(0.748 0.000 89.88) | #adadad | hsl(0, 0%, 68%) |
|
|
| 700 | oklch(0.627 0.000 89.88) | #888888 | hsl(0, 0%, 53%) |
|
|
| 800 | oklch(0.500 0.000 89.88) | #636363 | hsl(0, 0%, 39%) |
|
|
| 900 | oklch(0.364 0.000 89.88) | #3e3e3e | hsl(0, 0%, 24%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.018 92.69) | #eeeadd | hsl(46, 33%, 90%) |
|
|
| 100 | oklch(0.940 0.017 91.56) | #efebdf | hsl(45, 33%, 91%) |
|
|
| 200 | oklch(0.943 0.017 91.55) | #f0ece0 | hsl(45, 35%, 91%) |
|
|
| 300 | oklch(0.945 0.015 94.20) | #f0ede2 | hsl(47, 32%, 91%) |
|
|
| 400 | oklch(0.948 0.015 94.20) | #f1eee3 | hsl(47, 33%, 92%) |
|
|
| 500 | oklch(0.952 0.014 92.98) | #f2efe5 | hsl(46, 33%, 92%) |
|
|
| 600 | oklch(0.847 0.044 94.12) | #d6cdad | hsl(47, 33%, 76%) |
|
|
| 700 | oklch(0.739 0.073 93.28) | #baaa75 | hsl(46, 33%, 59%) |
|
|
| 800 | oklch(0.606 0.078 93.00) | #928149 | hsl(46, 33%, 43%) |
|
|
| 900 | oklch(0.432 0.053 93.95) | #5a502d | hsl(47, 33%, 26%) |
|
|
| 950 | oklch(0.235 0.024 92.99) | #221e11 | hsl(46, 33%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.008 98.88) | #e9e8e2 | hsl(51, 14%, 90%) |
|
|
| 100 | oklch(0.925 0.008 91.49) | #e8e6e0 | hsl(45, 15%, 89%) |
|
|
| 200 | oklch(0.922 0.010 93.57) | #e7e5de | hsl(47, 16%, 89%) |
|
|
| 300 | oklch(0.918 0.011 95.17) | #e6e4dc | hsl(48, 17%, 88%) |
|
|
| 400 | oklch(0.912 0.010 93.58) | #e4e2db | hsl(47, 14%, 88%) |
|
|
| 500 | oklch(0.909 0.011 95.17) | #e3e1d9 | hsl(48, 15%, 87%) |
|
|
| 600 | oklch(0.798 0.024 93.38) | #c2bdac | hsl(46, 15%, 72%) |
|
|
| 700 | oklch(0.684 0.040 97.27) | #a09a7e | hsl(49, 15%, 56%) |
|
|
| 800 | oklch(0.550 0.039 96.59) | #787258 | hsl(49, 15%, 41%) |
|
|
| 900 | oklch(0.397 0.026 95.66) | #4b4737 | hsl(48, 15%, 25%) |
|
|
| 950 | oklch(0.225 0.011 99.42) | #1d1c16 | hsl(51, 14%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.007 88.64) | #e9e7e2 | hsl(43, 14%, 90%) |
|
|
| 100 | oklch(0.913 0.009 84.57) | #e5e2dc | hsl(40, 15%, 88%) |
|
|
| 200 | oklch(0.898 0.010 87.48) | #e0ddd6 | hsl(42, 14%, 86%) |
|
|
| 300 | oklch(0.882 0.013 91.53) | #dbd8cf | hsl(45, 14%, 84%) |
|
|
| 400 | oklch(0.867 0.014 88.69) | #d7d3c9 | hsl(43, 15%, 82%) |
|
|
| 500 | oklch(0.852 0.016 90.25) | #d2cec3 | hsl(44, 14%, 79%) |
|
|
| 600 | oklch(0.748 0.026 89.25) | #b4ad9b | hsl(43, 14%, 66%) |
|
|
| 700 | oklch(0.641 0.039 91.21) | #958c72 | hsl(45, 14%, 52%) |
|
|
| 800 | oklch(0.515 0.031 91.04) | #6e6753 | hsl(44, 14%, 38%) |
|
|
| 900 | oklch(0.376 0.022 89.49) | #464134 | hsl(43, 15%, 24%) |
|
|
| 950 | oklch(0.223 0.010 88.80) | #1d1b16 | hsl(43, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
