Mars

#ad6242

Deeper, earthier rust-orange for grounded midtone contrast

Save
Share

About Mars

Mars reads like terracotta clay that's been sun-faded a touch. It's not as red-anchored as , and it doesn't soften into the cocoa-honey mood of . Compared to , it keeps more orange lift, so the warmth feels like earth you can see, not roast-depth you have to imagine.

I reach for Mars when I need an orange that has presence without shouting, especially in UI where decisions matter. It works well for dashboards and finance apps accents: secondary CTAs, focus states, and alert highlights that still look controlled on light cream or warm grays. In ecommerce product pages and editorial lower-thirds, it lands as the one you reach for when feels too committed and turns too brown.

Quirk: on very cool grays, Mars can pick up a drier, more muted character. Pair it with oat, cream, or walnut to keep the undertone reading earthy instead of dusty.

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
4.56:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.19:1FailAA Large

On Gray 900 #18181b

Aa
3.88:1FailAA Large

On Black #000000

Aa
4.60:1AAAAA Large

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

#ad654c
#b2654e
#a5694f
#a36b4b
#a56531

Create a gradient with Mars

Open the generator with this color pre-loaded.

Start creating