Color Palettes

Topaz color

A warm golden peach named after the topaz gemstone, a traditional November birthstone. It glows like honey in the light and is popular for jewelry, bridesmaid dresses and warm makeup looks.

Also known as: Imperial topaz, Topaz yellow.

Open in editor

The hex code for topaz is #FFC87C. In RGB it is rgb(255, 200, 124), in HSL hsl(35, 100%, 74%) and in CMYK 0, 22, 51, 0.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to topaz

Fawn#E5AA70Mellow yellow#F8DE7ESandy brown#F4A460Flax#EEDC82Peach#FFCBA4Vegas gold#C5B358

About topaz

Topaz (#FFC87C) is a warm, light, highly saturated color. It belongs to the yellows family. It mixes 255 red, 200 green and 124 blue (out of 255). It is mostly used in jewelry, weddings, makeup.

Swatch of Topaz with its shades from light to dark · #FFC87C
Topaz · #FFC87C

Topaz shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Topaz color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Cornflower blue
AnalogousClose to: Coral pink, Butter yellow
TriadicClose to: Aquamarine, Heliotrope
Split complementaryClose to: Pool blue, Slate blue
TetradicClose to: Mint green, Cornflower blue, Orchid

Topaz color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Topaz
Analogous palette · Topaz
Complementary palette · Topaz
Triadic palette · Topaz
With neutrals palette · Topaz
With an accent palette · Topaz

Topaz contrast with text

White textContrast 1.5:1 · Not recommended
Black textContrast 13.8:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --topaz: #FFC87C;
  --topaz-rgb: 255, 200, 124;
}
.bg { background-color: var(--topaz); }
.text { color: var(--topaz); }

Colors similar to topaz

Pastel orangeButterscotchVanillaStraw

Themed palettes with this color

Desert color palettesThanksgiving color palettesFriendsgiving color palettes

More yellows

YellowGoldOld goldMustard yellowLemon yellowAmberWheatHoneyCanary yellowSaffronChampagnePastel yellowFluorescent yellowCorn yellowSunflower yellowGoldenrodDark goldenrodButter yellowMarigoldMaizeBanana yellowMellow yellowGolden yellowMetallic gold
Swatch of Topaz with its shades from light to dark · #FFC87C
Swatch of Topaz with its shades from light to dark · #FFC87C

Try this next

Name color paletteType a name and get your own color story paletteToday's lucky colorYour daily lucky color by zodiac signFace shape detectorFind your face shape, best haircuts and glasses
See all free tools →

Frequently asked questions

What is the hex code for topaz?

The hex code for topaz is #FFC87C. In RGB it is rgb(255, 200, 124), in HSL hsl(35, 100%, 74%) and in CMYK 0, 22, 51, 0.

What is the complementary color of topaz?

Its complement on the color wheel is #7CB3FF, close to cornflower blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on topaz?

Use black text instead: the contrast with white is only 1.5:1, while with black it is 13.8:1.