Back to palettes

Palette

Amber Sands Mirage

A sun-baked journey through golden dunes and arid landscapes, evoking the warmth of a desert mirage.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Amber Sands Mirage reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Amber Sands Mirage.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#E0B38B#C29267#A8754A#8D5B2E#6E4319

Palette guide

How to use Amber Sands Mirage

Overview

The "Amber Sands Mirage" palette (amber-sands-mirage-2) offers a sun-baked journey through golden dunes, evoking the warmth of a desert landscape. This earthy collection ranges from the light #E0B38B (Sandy Brown) to the deep, grounding #6E4319 (Dark Sienna). Intermediate tones like #C29267 (Desert Sand), #A8754A (Russet), and #8D5B2E (Copper) provide a rich, cohesive gradient of warm browns and tans. It's an excellent choice for designs aiming for a natural, rugged, and comforting aesthetic, ideal for travel branding, rustic themes, or organic product lines.

Best used for

  • Desert-themed travel or adventure branding
  • Earthy interior design concepts
  • Natural and organic product packaging
  • Rustic wedding invitations or event decor
  • Websites for sustainable fashion or handmade goods
  • Editorial layouts for travel or cultural magazines

Suggested color roles

primary

Use #8D5B2E as a rich, sturdy copper-brown, excellent for main headings, important calls-to-action, or strong brand elements.

secondary

Employ #A8754A as a warm russet, perfect for subheadings, navigation, or complementary content blocks.

accent

Apply #C29267 as a medium desert sand, ideal for subtle highlights, borders, or secondary interactive states.

background

Utilize #E0B38B as a soft, light sandy brown, providing a warm, inviting canvas that allows darker text to stand out beautifully.

text

For primary body text on light backgrounds, use #6E4319, a deep, earthy sienna that offers excellent contrast and strong emphasis.

Accessibility notes

  • Ensure #6E4319 text has excellent contrast against #E0B38B backgrounds (WCAG AA/AAA).
  • Avoid using #C29267 or #A8754A for small text on #E0B38B, as contrast may be insufficient.
  • When using #8D5B2E for text, pair it with a very light background for optimal readability.
  • The subtle differences between mid-tones mean careful contrast checking is crucial when using them together.

Recommended combinations

Dune Shadows

A deep base, a strong primary, and a light background, perfect for a grounded and legible interface.

#6E4319 · #8D5B2E · #E0B38B

Desert Heat

A soft background with warm, earthy text and an accent, creating an inviting content area.

#E0B38B · #A8754A · #8D5B2E

Sun-baked Earth

A strong primary, a lighter secondary, and a deep grounding color, ideal for layered design elements.

#8D5B2E · #C29267 · #6E4319

CSS variables

:root {
  --amber-sands-mirage-2-1: #E0B38B;
  --amber-sands-mirage-2-2: #C29267;
  --amber-sands-mirage-2-3: #A8754A;
  --amber-sands-mirage-2-4: #8D5B2E;
  --amber-sands-mirage-2-5: #6E4319;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amber-sands-mirage-2": {
        1: "#E0B38B",
        2: "#C29267",
        3: "#A8754A",
        4: "#8D5B2E",
        5: "#6E4319",
      }
    }
  }
}

Related searches

sandy brown color palettedesert warm earthy tonesnatural travel brandingterracotta brown schemerugged outdoor design

Palette colors

Hex values

Color 1#E0B38B
·
Color 2#C29267
·
Color 3#A8754A
·
Color 4#8D5B2E
·
Color 5#6E4319
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3:1Fail
4.4:1AA18
2
1.4:1Fail
1.4:1Fail
2.1:1Fail
3.1:1AA18
3
2.1:1Fail
1.4:1Fail
1.4:1Fail
2.1:1Fail
4
3:1Fail
2.1:1Fail
1.4:1Fail
1.5:1Fail
5
4.4:1AA18
3.1:1AA18
2.1:1Fail
1.5:1Fail

Similar palettes

More like Amber Sands Mirage

View all earth