Back to palettes

Palette

Southwest Ochre Warmth

Earthy hues reminiscent of ancient pigments and sun-baked landscapes from the Southwestern desert.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Southwest Ochre Warmth 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 Southwest Ochre Warmth.

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

Data visualization

#FDEBDD#F1CB9B#D4A060#B87A3E#995B24

Palette guide

How to use Southwest Ochre Warmth

Overview

Embrace the timeless beauty of the desert with the Southwest Ochre Warmth palette, a collection of earthy hues reminiscent of ancient pigments and sun-baked landscapes. It transitions from a creamy off-white (#FDEBDD) and a soft beige (#F1CB9B) to a rich ochre (#D4A060), a deep desert brown (#B87A3E), and a robust dark brown (#995B24). This palette is superb for designers and developers aiming for a natural, rustic, or heritage aesthetic. Its organic depth and warmth are ideal for art-related projects, sustainable branding, or digital platforms seeking an authentic, grounded, and serene presence.

Best used for

  • Art galleries and cultural institutions
  • Natural and organic cosmetics
  • Heritage brands and historical presentations
  • Pottery and ceramic studios
  • Sustainable and eco-friendly products
  • Earthy interior design concepts

Suggested color roles

primary

Use #D4A060 as the rich, central ochre for main content blocks or prominent UI elements.

secondary

Apply #B87A3E for deeper grounding, suitable for strong accents or secondary backgrounds.

accent

Introduce #F1CB9B for soft, warm highlights or subtle decorative details.

background

Utilize #FDEBDD as a light, sandy base, providing a clean and inviting canvas.

text

Employ #995B24 for body text and headings, ensuring a deep, earthy brown for strong readability.

Accessibility notes

  • #FDEBDD is an ideal background for dark text like #995B24, ensuring excellent contrast.
  • Pay attention to contrast when using #F1CB9B or #D4A060 for text on similar light backgrounds.
  • Ensure UI elements are clearly distinguishable, especially when using closely related warm tones.
  • Consider larger font sizes for text colored with #F1CB9B to enhance legibility on lighter backgrounds.

Recommended combinations

Ochre Gradient

Create a smooth, natural progression for background visuals or layered design elements.

#FDEBDD · #F1CB9B · #D4A060

Earthy Contrast

Combine the darkest browns with the lightest beige for a strong, grounded, yet airy feel.

#995B24 · #B87A3E · #FDEBDD

Warm Sands

Evoke an inviting, sun-kissed feel, perfect for travel or natural beauty branding.

#D4A060 · #F1CB9B · #B87A3E

CSS variables

:root {
  --southwest-ochre-warmth-1: #FDEBDD;
  --southwest-ochre-warmth-2: #F1CB9B;
  --southwest-ochre-warmth-3: #D4A060;
  --southwest-ochre-warmth-4: #B87A3E;
  --southwest-ochre-warmth-5: #995B24;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "southwest-ochre-warmth": {
        1: "#FDEBDD",
        2: "#F1CB9B",
        3: "#D4A060",
        4: "#B87A3E",
        5: "#995B24",
      }
    }
  }
}

Related searches

ochre color palettesouthwest desert colorsearthy warm tonesnatural clay paletteheritage brand colors

Palette colors

Hex values

Color 1#FDEBDD
·
Color 2#F1CB9B
·
Color 3#D4A060
·
Color 4#B87A3E
·
Color 5#995B24
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2:1Fail
3.1:1AA18
4.7:1AA
2
1.3:1Fail
1.5:1Fail
2.3:1Fail
3.5:1AA18
3
2:1Fail
1.5:1Fail
1.5:1Fail
2.3:1Fail
4
3.1:1AA18
2.3:1Fail
1.5:1Fail
1.5:1Fail
5
4.7:1AA
3.5:1AA18
2.3:1Fail
1.5:1Fail

Similar palettes

More like Southwest Ochre Warmth

View all warm
Baked Clay Pottery
Ochre Canyon Dawn
Autumn Forest Canopy
Canyon Vista Radiance
Clay Pottery Warmth
Desert Cactus Bloom