This Gist provides a collection of soft, off-white color alternatives to pure white (#FFFFFF), ideal for use in UI design. These shades reduce glare, enhance readability, and give a softer look to interfaces, making them more comfortable for users’ eyes. Each color includes its Hex and RGB values, making it easy to use for both web and mobile design projects. Inspired by best practices in accessibility and user comfort, these colors offer subtle variations perfect for background or text elements in light-themed UIs.
credit: https://x.com/Abmankendrick X: https://x.com/Abmankendrick/status/1852641278564942314
screenshot:
-
Ivory
- Hex:
#FFFFF0 - RGB:
(255, 255, 240)
- Hex:
-
Snow
- Hex:
#FFFAFA - RGB:
(255, 250, 250)
- Hex:
-
Ghost White
- Hex:
#F8F8FF - RGB:
(248, 248, 255)
- Hex:
-
White Smoke
- Hex:
#F5F5F5 - RGB:
(245, 245, 245)
- Hex:
-
Seashell
- Hex:
#FFF5EE - RGB:
(255, 245, 238)
- Hex:
-
Floral White
- Hex:
#FFFAF0 - RGB:
(255, 250, 240)
- Hex:
-
Old Lace
- Hex:
#FDF5E6 - RGB:
(253, 245, 230)
- Hex:
-
Linen
- Hex:
#FAF0E6 - RGB:
(250, 240, 230)
- Hex:
-
Antique White
- Hex:
#FAEBD7 - RGB:
(250, 235, 215)
- Hex:
-
Beige
- Hex:
#F5F5DC - RGB:
(245, 245, 220)
- Hex:
-
Mint Cream
- Hex:
#F5FFFA - RGB:
(245, 255, 250)
- Hex:
-
Lavender Blush
- Hex:
#FFF0F5 - RGB:
(255, 240, 245)
- Hex:
-
Honeydew
- Hex:
#F0FFF0 - RGB:
(240, 255, 240)
- Hex:
-
Alice Blue
- Hex:
#F0F8FF - RGB:
(240, 248, 255)
- Hex:
-
Cornsilk
- Hex:
#FFF8DC - RGB:
(255, 248, 220)
- Hex:
-
Lemon Chiffon
- Hex:
#FFFACD - RGB:
(255, 250, 205)
- Hex:
-
Azure
- Hex:
#F0FFFF - RGB:
(240, 255, 255)
- Hex:
-
Light Goldenrod Yellow
- Hex:
#FAFAD2 - RGB:
(250, 250, 210)
- Hex:
-
Light Gray
- Hex:
#D3D3D3 - RGB:
(211, 211, 211)
- Hex:
-
Isabelline
- Hex:
#F4F0EC - RGB:
(244, 240, 236)
- Hex:
-
Gainsboro
- Hex:
#DCDCDC - RGB:
(220, 220, 220)
- Hex: