Loading
Preparing the next color view
Building palettes, metadata, and layout pieces for this route.
Building palettes, metadata, and layout pieces for this route.
A 5-color combination featuring Light Gray, Light Gray, Light Gray. Perfect for UI design, branding identities, and digital illustrations.
See how this palette performs in real-world UI mockups.
Experience the perfect harmony of colors calculated for your brand identity.
| Swatch | HEX | RGB | HSL | Name | Details |
|---|---|---|---|---|---|
#858D93 | rgb(133, 141, 147) | hsl(206, 6%, 55%) | Light Gray | View | |
#858A93 | rgb(133, 138, 147) | hsl(219, 6%, 55%) | Light Gray | View | |
#858693 | rgb(133, 134, 147) | hsl(236, 6%, 55%) | Light Gray | View | |
#888593 | rgb(136, 133, 147) | hsl(253, 6%, 55%) | Light Gray | View | |
#8B8593 | rgb(139, 133, 147) | hsl(266, 6%, 55%) | Light Gray | View |
A peaceful combination anchored by #858D93, perfect for projects requiring a gentle, trustworthy touch.
Using Light Gray as a primary surface creates an environment of focused relaxation and clarity. Consider this for background layers where content needs to feel light and accessible.
:root {
--color-1: #858D93;
--color-2: #858A93;
--color-3: #858693;
--color-4: #888593;
--color-5: #8B8593;
}Palettes that share visual characteristics and color harmony.