Back to palettes

Palette

Ochre Desert Twilight

Captures the fading light over expansive desert landscapes, bringing warmth and tranquility.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A3E2D#9E5E3A#C9885C#EFC58A#FCEBC7

Palette guide

How to use Ochre Desert Twilight

Overview

The Ochre Desert Twilight palette captures the fading light over expansive desert landscapes, bringing warmth and tranquility. This collection, featuring a deep `#6A3E2D` reddish-brown, a warm `#9E5E3A` ochre, and a soft `#FCEBC7` cream, offers designers and developers a serene yet rich natural scheme. It's ideal for evoking calmness, natural beauty, and a subtle sophistication. The harmonious blend of deep, earthy tones with lighter, almost ethereal hues allows for versatile application, from luxurious branding to comforting digital experiences, ensuring a cohesive and inviting aesthetic.

Best used for

  • Boutique hotel and resort branding
  • Wellness and retreat marketing materials
  • Artisan craft and handmade product showcases
  • Interior design mood boards
  • Photography portfolios (especially landscape)
  • Sustainable fashion and lifestyle blogs

Suggested color roles

primary

Utilize `#6A3E2D` as a deep, anchoring primary color for strong brand elements, headers, or foundational backgrounds. It conveys richness and stability.

secondary

Employ `#9E5E3A` for supportive sections, subheadings, or as a warm background for content blocks. It complements the primary with a softer earthiness.

accent

Introduce `#C9885C` sparingly for inviting accents, calls-to-action, or to add a touch of soft warmth. It provides a gentle highlight.

background

Apply `#FCEBC7` as a gentle, almost white background for content areas, offering a clean, tranquil canvas that enhances readability.

text

For optimal readability, use `#6A3E2D` for body text on lighter backgrounds like `#FCEBC7`. For headlines, `#9E5E3A` also provides good contrast and warmth.

Accessibility notes

  • Ensure `#6A3E2D` text on `#FCEBC7` provides excellent contrast for WCAG compliance, which this combination achieves well.
  • Lighter shades like `#EFC58A` and `#FCEBC7` are best for backgrounds or large graphical elements, not for small text.
  • When using `#C9885C` for text, ensure it's on a dark background or used in larger sizes to maintain readability.
  • Avoid placing light text on `EFC58A` to prevent low contrast issues, especially for small font sizes.

Recommended combinations

Twilight Depths

Ideal for creating visual depth in sections, with `#6A3E2D` as a strong base, `#9E5E3A` for headers, and `#C9885C` for supporting text.

#6A3E2D · #9E5E3A · #C9885C

Fading Light

Perfect for simulating a tranquil sunset or soft glow in banners or gradients, with `#FCEBC7` as the lightest point.

#C9885C · #EFC58A · #FCEBC7

Warm Contrast

Use `#6A3E2D` for prominent text, `#FCEBC7` for content background, and `#EFC58A` for subtle dividers or secondary information.

#6A3E2D · #FCEBC7 · #EFC58A

CSS variables

:root {
  --ochre-desert-twilight-1: #6A3E2D;
  --ochre-desert-twilight-2: #9E5E3A;
  --ochre-desert-twilight-3: #C9885C;
  --ochre-desert-twilight-4: #EFC58A;
  --ochre-desert-twilight-5: #FCEBC7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ochre-desert-twilight": {
        1: "#6A3E2D",
        2: "#9E5E3A",
        3: "#C9885C",
        4: "#EFC58A",
        5: "#FCEBC7",
      }
    }
  }
}

Related searches

desert sunset palettewarm earthy tonestranquil ochre colorsnatural design schemeserene brown orange

Palette colors

Hex values

Color 1#6A3E2D
·
Color 2#9E5E3A
·
Color 3#C9885C
·
Color 4#EFC58A
·
Color 5#FCEBC7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.1:1AA18
5.6:1AA
7.6:1AAA
2
1.8:1Fail
1.7:1Fail
3.2:1AA18
4.3:1AA18
3
3.1:1AA18
1.7:1Fail
1.8:1Fail
2.5:1Fail
4
5.6:1AA
3.2:1AA18
1.8:1Fail
1.4:1Fail
5
7.6:1AAA
4.3:1AA18
2.5:1Fail
1.4:1Fail

Similar palettes

More like Ochre Desert Twilight

View all warm
Saguaro Desert Dusk
Sedona Horizon Glow
Sunset Adobe House
Amber Sands Mirage
Amber Sands Mirage
Arid Mesa Dust