Best Shades of White: Hex Codes, RGB Values, and Design Uses
White isn’t just a single color—it’s a rich spectrum of elegant tones, ranging from creamy ivories to soft, cool hues. Whether you’re designing a minimalist website, choosing a paint shade, or crafting a UI, using the right shade of white can subtly elevate your entire aesthetic.
I’ve curated 20+ unique shades of white in one place—each with hex and RGB values, CSS references, and design notes. These shades are part of a larger collection of 600+ named color swatches for developers and designers.
What Defines a ‘Shade of White’?
The base white color (#FFFFFF) is pure and bright, but slight changes in hue, saturation, or warmth give us variations like Eggshell, Ivory, or Ghost White. These off-whites can be warm or cool, matte or radiant, and each serves different design needs—whether you’re working on branding, interiors, fashion, or UI components.
Popular Shades of White for Web and UI Design
Here are some of the most versatile and widely used white shades from our collection. Each entry includes a hex code, RGB value, and design notes to help you choose the perfect tone.
| Shade | Description | Hex Code | RGB |
|---|---|---|---|
| Seasalt | A soft, clean off-white shade inspired by ocean breeze. Ideal for minimalist web and UI designs. | #F7F7F7 | rgb(247, 247, 247) |
| White Smoke | A cool-toned, misty white often used in modern and flat UI styles. Subtle yet crisp. | #F5F5F5 | rgb(245, 245, 245) |
| Eggshell | A creamy, warm white with vintage character—perfect for print design and calming digital spaces. | #F0EAD6 | rgb(240, 234, 214) |
| Ivory | A refined, elegant shade of white with soft golden undertones. Widely used in wedding designs and luxury branding. | #FFFFF0 | rgb(255, 255, 240) |
| Snow | A luminous, clean white with just a hint of warmth. Often used for crisp winter themes and spa-like aesthetics. | #FFFAFA | rgb(255, 250, 250) |
| Alabaster | Soft and sophisticated with subtle gray tones, this shade resembles natural stone and is favored in modern design. | #EDEAE0 | rgb(237, 234, 224) |
When to Use Warm vs. Cool Whites
Use warm white shades like Ivory, Cream, or Almond to create cozy, vintage, or romantic atmospheres. Opt for cool whites like Ghost White, Anti-Flash White, or White Smoke in modern, tech-inspired, or minimal designs.
Explore the Full White Collection
To see all 20+ whites (including Baby Powder, Platinum, Magnolia, Isabelline, Parchment, and more), check out the complete Shades of White palette page. Each swatch includes CSS-friendly names and practical design notes for front-end development and UI planning.
Need other color families? Browse the full Color Collection, which includes shades of pink, blue, black, and beyond.