Everyday neutralsWarm minimalism

Black and Beige Color Combination

Beige softens the glare of pure black on white while keeping the contrast legible, so the pair reads as considered and tactile rather than clinical.

Hex codes #000000 and #F5F5DC — a warm minimalism pair with a 18.98:1 contrast ratio between the two colors.

Values for this combination

Black
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Hex
#000000
Beige
RGB
rgb(245, 245, 220)
HSL
hsl(60, 56%, 91%)
Hex
#F5F5DC

Contrast between Black and Beige

Contrast ratio 18.98:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.

AA · Normal text (≥ 4.5:1)PASS
AA · Large text (≥ 3:1)PASS
AAA · Normal text (≥ 7:1)PASS
AAA · Large text (≥ 4.5:1)PASS
Aa

Beige text on a Black surface, at 18.98:1.

Aa

Black text on a Beige surface, at 18.98:1.

Where this pair works

  • Boutique branding
  • Editorial design
  • Interior studios

Give Black (#000000) roughly 60% of the surface, Beige (#F5F5DC) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.

A five-color set from this pair

Black and Beige as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.

  • Pale tint#f2f2e9backgrounds and large surfaces · closest to Isabelline
  • Primary#000000the dominant color · closest to Black
  • Secondary#F5F5DCthe accent color · closest to Beige
  • Deep shade#292323text, borders and icons · closest to RaisinBlack
  • Neutral#f6f6f4dividers and quiet surfaces · closest to WhiteSmoke

Explore Black and Beige on their own

More color combinations

Black and Beige are a warm minimalism pair: beige softens the glare of pure black on white while keeping the contrast legible, so the pair reads as considered and tactile rather than clinical.

Frequently asked questions

Yes — this pair is used for boutique branding, editorial design, interior studios. The two colors measure 18.98:1 against each other, which is enough for body text in either direction.

Good to know

  • Every value on this page is calculated from #000000 and #F5F5DC — nothing is hardcoded.
  • Build a longer palette out of Black or Beige in the palette generator, or test your own text pair in the contrast checker.

Put this combination to work

Turn Black and Beige into a full palette, a gradient or a set of shades — or check the pair against WCAG.

From the blog