Back to palettes

Palette

Ochre Dune Sunset

Captures the serene moment of a desert sunset, with soft sandy hues contrasting a pale sky, evoking tranquil beauty.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#CD853F#F4A460#B0C4DE#D2B48C

Palette guide

How to use Ochre Dune Sunset

Overview

The Ochre Dune Sunset palette captures the serene moment of a desert sunset, with soft sandy hues contrasting a pale sky, evoking tranquil beauty. This unique earthy collection, featuring a rich `#B8860B` golden ochre, a warm `#CD853F` sienna, and a surprisingly serene `#B0C4DE` blue-gray, offers designers and developers a distinctive natural scheme. It's ideal for projects seeking a harmonious blend of warm earth tones with a hint of cool sky. The balance between warm and cool elements creates a sophisticated and calming aesthetic, perfect for evoking natural tranquility.

Best used for

  • Eco-tourism and nature conservation marketing
  • Sustainable fashion and organic product branding
  • Calm and meditative web interfaces
  • Interior design for serene spaces
  • Environmental awareness campaigns
  • Photography portfolios (especially landscapes)

Suggested color roles

primary

Utilize `#CD853F` as a warm, inviting primary color for brand identity, main calls-to-action, or key headlines. It conveys natural warmth and depth.

secondary

Employ `#B8860B` for supportive sections, subheadings, or as a rich background for content blocks. It adds a touch of golden warmth.

accent

Introduce `#B0C4DE` sparingly for a serene, contrasting accent. Ideal for subtle background elements, dividers, or to represent sky/water.

background

Apply `#D2B48C` as a soft, sandy background for content areas, providing a warm, neutral canvas that enhances readability.

text

For optimal readability, use `#B8860B` or a dark charcoal for body text on lighter backgrounds like `#D2B48C`. For headlines, `#CD853F` also provides good contrast.

Accessibility notes

  • Ensure `#B8860B` text on `#D2B48C` provides sufficient contrast for WCAG compliance, which generally works well.
  • The lighter shades like `#F4A460` and `#D2B48C` are best for backgrounds or large graphical elements, not for small text.
  • Be cautious with `#B0C4DE` for text; it's best suited for backgrounds or large elements due to its light nature.
  • Avoid placing light text on `F4A460` to prevent low contrast issues, especially for small font sizes.

Recommended combinations

Sunset Sky Blend

Ideal for hero sections: `#CD853F` for main titles, `#B0C4DE` for background, and `#D2B48C` for supportive elements, creating a serene contrast.

#CD853F · #B0C4DE · #D2B48C

Golden Hour Warmth

Perfect for simulating the soft, glowing light of sunset in banners, image overlays, or subtle gradients.

#B8860B · #F4A460 · #D2B48C

Desert Horizon

Use `#CD853F` for strong text, `#D2B48C` for content background, and `#B0C4DE` for header backgrounds or dividers, balancing warm and cool.

#CD853F · #D2B48C · #B0C4DE

CSS variables

:root {
  --ochre-dune-sunset-1: #B8860B;
  --ochre-dune-sunset-2: #CD853F;
  --ochre-dune-sunset-3: #F4A460;
  --ochre-dune-sunset-4: #B0C4DE;
  --ochre-dune-sunset-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ochre-dune-sunset": {
        1: "#B8860B",
        2: "#CD853F",
        3: "#F4A460",
        4: "#B0C4DE",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

desert sunset color schemeearthy blue orange palettetranquil dune colorsnatural contrasting huescalm design inspiration

Palette colors

Hex values

Color 1#B8860B
·
Color 2#CD853F
·
Color 3#F4A460
·
Color 4#B0C4DE
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.6:1Fail
1.8:1Fail
1.7:1Fail
2
1.1:1Fail
1.5:1Fail
1.7:1Fail
1.5:1Fail
3
1.6:1Fail
1.5:1Fail
1.1:1Fail
1:1Fail
4
1.8:1Fail
1.7:1Fail
1.1:1Fail
1.1:1Fail
5
1.7:1Fail
1.5:1Fail
1:1Fail
1.1:1Fail

Similar palettes

More like Ochre Dune Sunset

View all earth
Mesa Twilight Hues
Adobe Sunset
Canyon Cliffside View
Desert Bloom Clay
Desert Clay Warmth
Desert Oasis Bloom