Skip to content

Brown color palette

Starting from sienna (#a0522d), this brown palette adds two cool accents from the split-complementary spread, teal (#007b7a) and denim blue (#386cac), plus a cream and an espresso.

Free, no sign-up. Runs in your browser. Nothing you type or upload is sent to us or stored.

At a glance

Base: Sienna
#a0522d · white text 5.61:1 (AA), near-black text 3.22:1 (AA large)
Source: w3.org, checked 2026-11
Complementary colour (180°)
#007695
Analogous colours (±30°)
#a24b56 and #905f00
Triadic colours (120° and 240°)
#007e5a and #6460aa
Text on the scale
White text passes AA from step 600; near-black text passes up to step 500

Give your page these colours

A Liite page comes with 15 themes, from sunset to midnight, and your own colours on top. Pick the one closest to your palette and your link-in-bio page is ready in a few minutes.

Make your free page

Brown color palette: what to know

This page starts the colour palette generator for this case. For every option and how to use it, see the colour palette generator.

What goes with brown

Brown is a dark, muted orange, so blues and teals balance it best. Creams and tans from the light end of its own scale keep the palette warm.

Sienna takes white text at 5.61:1 (AA), so it works for buttons. Step 900 (#521f03) is a good near-black for body text in a warm design.

Questions

What color palette goes well with brown?

Teal, denim and slate blue for contrast, cream and tan for a soft warm look, and sage green as a natural middle ground.

What are 5 shades of brown?

From the sienna scale: #ffcab3 (cream), #d88c6b (tan), #a0522d (sienna), #854324 (chestnut) and #521f03 (espresso). For named browns, see shades of brown.