Lonestar

#522426

Muted, smoky burnt orange-brown for warm depth

Save
Share

About Lonestar

Lonestar is the brown-red you catch on the edge of a leather wallet or a brick wall under warm studio lights. It's not the desaturated, colder steadiness of , and it's not the near-black, low-undertone pull of . This one has a fuller, more deliberate warmth, with enough red-brown punch to feel "alive" without drifting into bright terracotta.

For product photography and packaging, Lonestar reads like a finish choice, especially on matte stocks where the warmth holds up instead of going flat. I reach for it in dark dashboards and finance apps where you want an orange-family accent that doesn't turn plum or wine-heavy like . It also works in e-comm UI labels, form headers, and shipping cartons, giving structure without the harshness of darker browns.

One quirk: because the undertone leans warmer, keep it away from creamy beige when you need strict neutrality. Pair it with cool grays or near-black so the red-brown character stays intentional.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
12.81:1AAA

On Gray 100 #f5f5f5

Aa
11.75:1AAA

On Gray 900 #18181b

Aa
1.38:1Fail

On Black #000000

Aa
1.64:1Fail

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Lonestar

Open the generator with this color pre-loaded.

Start creating