Palette

Desert Sunset Ochre

Captures the intense, dusty warmth of a desert landscape as the sun dips below the horizon.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Sunset Ochre 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 Desert Sunset Ochre.

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

Data visualization

#E0A84E#C96D2E#8A382A#FCECC7#5E4A3B

Palette guide

How to use Desert Sunset Ochre

Overview

The Desert Sunset Ochre palette captures the intense, dusty warmth of a desert landscape as the sun dips below the horizon. Anchored by the deep #5E4A3B, it features rich, earthy tones like #8A382A and #C96D2E, with a vibrant ochre yellow in #E0A84E and a soft, creamy beige in #FCECC7. This palette is an excellent choice for designers and developers aiming to evoke a sense of rustic charm, historical depth, or a powerful, natural aesthetic. Its harmonious blend of deep browns, fiery oranges, and golden yellows creates a sophisticated yet grounded feel, perfect for designs that require both intensity and an organic connection.

Best used for

Rustic home decor and furniture
Traditional crafts and textiles
Historical site and museum branding
Natural dyes and organic products
Warm hospitality and cafe branding
Robust and earthy digital interfaces

Suggested color roles

primary

Utilize #5E4A3B for foundational elements like main navigation, footers, or bold headlines, establishing a deep, grounding anchor.

secondary

Employ #8A382A for supporting roles such as subheadings, secondary buttons, or background sections, offering a rich, earthy red-brown.

accent

Introduce #E0A84E as a vibrant ochre yellow accent for calls to action, highlights, or key interactive elements, adding a lively spark.

background

Apply #FCECC7 to main content areas or large backgrounds, creating a light, warm, and highly readable canvas.

text

For optimal readability, use #5E4A3B or a dark charcoal against lighter backgrounds such as #FCECC7 or #E0A84E.

Accessibility notes

Ensure sufficient contrast for text on #FCECC7 and #E0A84E; dark text is always recommended.
Verify that #C96D2E provides enough contrast if used for critical UI elements against adjacent lighter colors.
Avoid placing light-colored text on mid-tone oranges or browns (#8A382A, #C96D2E) to prevent readability issues.
Use a contrast checker to confirm WCAG AA compliance for all text and interactive elements within this warm palette.

Recommended combinations

Ochre Foundation

Perfect for a strong primary color on a very light background with a vibrant ochre accent, excellent for impactful branding.

#5E4A3B · #FCECC7 · #E0A84E

Rustic Layers

Ideal for creating layered backgrounds or subtle graphic elements, providing depth and a coherent earthy feel.

#8A382A · #C96D2E · #5E4A3B

Sunset Highlight

Use the lightest color as a background with a vibrant ochre highlight and a deep red-brown for accents, ensuring clarity and warmth.

#FCECC7 · #E0A84E · #8A382A

CSS variables

:root {
  --desert-sunset-ochre-1: #E0A84E;
  --desert-sunset-ochre-2: #C96D2E;
  --desert-sunset-ochre-3: #8A382A;
  --desert-sunset-ochre-4: #FCECC7;
  --desert-sunset-ochre-5: #5E4A3B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sunset-ochre": {
        1: "#E0A84E",
        2: "#C96D2E",
        3: "#8A382A",
        4: "#FCECC7",
        5: "#5E4A3B",
      }
    }
  }
}

Hex values

Color 1#E0A84E

Color 2#C96D2E

Color 3#8A382A

Color 4#FCECC7

Color 5#5E4A3B

Accessibility

Contrast checker

1.7:1Fail

3.7:1AA18

1.8:1Fail

3.9:1AA18

1.7:1Fail

2.1:1Fail

3.1:1AA18

2.3:1Fail

3.7:1AA18

2.1:1Fail

6.7:1AA

1.1:1Fail

1.8:1Fail

3.1:1AA18

6.7:1AA

7.1:1AAA

3.9:1AA18

2.3:1Fail

1.1:1Fail

7.1:1AAA

Similar palettes

More like Desert Sunset Ochre

View all warm

Desert Sunset Warmth

Arid Mesa Dust

Bohemian Desert Sunset

Canyon Dusk Ember

Canyon Fire Sunset

Desert Bloom Mirage