Skip to content
AI Color

By Use Case

Website Color Palettes

Full interface palettes: background, surface, border, text and one accent. Its main colours include porcelain (#faeff9), alabaster (#daf0d8), mauve (#dcbcea), pewter (#7996cc), copper (#af8639), built as a complementary set around 220° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.

Website color palette hex codes

Main website colours with named swatches, HEX and RGB. Derived from this tag's hue (220°), saturation (50%) and complementary scheme.

Website color palette hex codes
SwatchNameHEXRGBCopy
Porcelain swatchPorcelain#faeff9rgb(250, 239, 249)
Alabaster swatchAlabaster#daf0d8rgb(218, 240, 216)
Mauve swatchMauve#dcbceargb(220, 188, 234)
Pewter swatchPewter#7996ccrgb(121, 150, 204)
Copper swatchCopper#af8639rgb(175, 134, 57)
Midnight Blue swatchMidnight Blue#213f7argb(33, 63, 122)
Taupe swatchTaupe#4f4020rgb(79, 64, 32)
Ebony swatchEbony#111e32rgb(17, 30, 50)

Website color palettes

About website color palettes

Full interface palettes: background, surface, border, text and one accent. This page collects 24 website color palettes, each one generated and then filtered so that every scheme is actually usable in a real design rather than just pleasant to look at.

Most website schemes anchor somewhere around steel blue (#577cc7), a cool hue sitting near 220 degrees on the color wheel at roughly 50% saturation. The palettes below span a lightness range of about 80 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. Two opposite hues that create the strongest possible contrast and visual tension.

For website work, start by locking the two colours that carry the most surface area, then choose accents that clear a 4.5:1 contrast ratio against them. Anything that fails that test should be decorative only, never a button or a label.

Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.

Website color palette FAQ

What colors are in a website color palette?

A typical website palette combines porcelain (#faeff9), alabaster (#daf0d8), mauve (#dcbcea) and supporting tones. Full interface palettes: background, surface, border, text and one accent.

What are the hex codes for website?

Website is a colour family rather than a single value. The main hex codes on this page are #faeff9, #daf0d8, #dcbcea, #7996cc, #af8639, #213f7a, #4f4020, #111e32, centred near #577cc7. Copy any value from the table above.

How do I use a website color palette in my design?

Assign the lightest swatch to backgrounds, the darkest to text, and use the remaining colours for accents and states. Copy the palette as CSS variables or a Tailwind theme from any palette page so the tokens stay consistent across your project.

Are these website palettes free to use?

Yes. All 24 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "website" into the AI color palette generator to build a fresh scheme in the same range.