Web Safe Color Chart
Web safe colors emerged during the early era of the internet; a standardized palette of 216 colors that displayed consistently across all major browsers.
Lemon
| Swatch | Name | Hex |
|---|---|---|
Apricot
| Swatch | Name | Hex |
|---|---|---|
Orange
| Swatch | Name | Hex |
|---|---|---|
Pumpkin
| Swatch | Name | Hex |
|---|---|---|
Tomato
| Swatch | Name | Hex |
|---|---|---|
Cherry
| Swatch | Name | Hex |
|---|---|---|
Plum
| Swatch | Name | Hex |
|---|---|---|
Chestnut
| Swatch | Name | Hex |
|---|---|---|
Olive
| Swatch | Name | Hex |
|---|---|---|
Olive
| Swatch | Name | Hex |
|---|---|---|
Pear
| Swatch | Name | Hex |
|---|---|---|
Honeydew
| Swatch | Name | Hex |
|---|---|---|
Lime
| Swatch | Name | Hex |
|---|---|---|
Apple
| Swatch | Name | Hex |
|---|---|---|
Pistachio
| Swatch | Name | Hex |
|---|---|---|
Kiwi
| Swatch | Name | Hex |
|---|---|---|
Avocado
| Swatch | Name | Hex |
|---|---|---|
Eggplant
| Swatch | Name | Hex |
|---|---|---|
Copy as Tailwind config
// tailwind.config.ts
export default {
theme: {
extend: {
colors: {
'primary': '#000000',
'secondary': '#666666',
'accent': '#CCFF66',
'surface': '#FFFFCC',
'highlight': '#FFFFFF',
}
}
}
}What web-safe means
The web-safe palette contains 216 colors formed by combining red, green, and blue at six levels each: 0, 51, 102, 153, 204, and 255 (in hex: 00, 33, 66, 99, CC, FF). That is 6×6×6 = 216 combinations.
1990s displays operating in 256-color mode could render these without dithering. Modern hardware renders 24-bit color, so strict web-safe choices are rarely required—but the palette still appears in legacy systems and retro design briefs.
When it still matters
Embedded or industrial displays with shallow color depth may still benefit from web-safe values.
Retro web aesthetics deliberately use the palette for visual nostalgia.
All 16,777,216 sRGB colors are available in current browsers—use the full picker when fidelity matters more than historical constraints.