Back to palettes

Palette

Desert Sun Bake

A deep and rugged palette reflecting the parched, sun-baked earth of an endless desert landscape.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Sun Bake 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 Sun Bake.

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

Data visualization

#D49F6A#B87E4F#9C653B#804D28#64361B

Palette guide

How to use Desert Sun Bake

Overview

The Desert Sun Bake palette embodies the deep, rugged essence of parched, sun-baked earth in an endless desert landscape. This monochromatic progression of rich browns, from the darkest #64361B to the lighter #D49F6A, via #804D28, #9C653B, and #B87E4F, offers a powerful and grounding aesthetic. It's an ideal choice for designers and developers aiming to convey strength, authenticity, and a connection to raw, natural elements. The palette's cohesive warmth and depth make it versatile for creating sophisticated, masculine, or rustic designs that feel both timeless and robust in digital or print applications.

Best used for

  • Masculine brand identity
  • Outdoor adventure gear branding
  • Rustic furniture and decor websites
  • Coffee shop and brewery branding
  • Historical documentaries and exhibits
  • Robust and earthy digital interfaces

Suggested color roles

primary

Designate #64361B for core elements like logos, main headings, or navigation, providing a deep, unwavering foundation.

secondary

Use #804D28 for supporting roles such as subheadings, secondary buttons, or large background sections, offering rich, warm depth.

accent

Introduce #D49F6A as a subtle accent for highlights, small icons, or decorative lines, providing a lighter, sandy contrast.

background

Apply #B87E4F or #9C653B for backgrounds, creating a warm and enveloping feel; ensure dark text is always used.

text

For optimal readability, use #64361B or a near-black against lighter browns like #D49F6A or #B87E4F.

Accessibility notes

  • Ensure high contrast for text, especially when using lighter browns like #D49F6A; dark text is crucial.
  • Avoid placing light-colored text on any of the mid-tone browns (#B87E4F, #9C653B, #804D28) to prevent readability issues.
  • Verify that interactive elements have sufficient contrast against their backgrounds, particularly for users with low vision.
  • Use a contrast checker to confirm WCAG AA compliance for all text and UI elements within this dark, warm palette.

Recommended combinations

Deep Grounding

Excellent for primary text on a light accent background, with a rich mid-tone for subheadings or secondary elements.

#64361B · #D49F6A · #9C653B

Rugged Layers

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

#804D28 · #B87E4F · #64361B

Sandy Highlight

Use the lightest color as a background with the darkest as text, and a mid-tone for accents, ensuring clarity and warmth.

#D49F6A · #64361B · #804D28

CSS variables

:root {
  --desert-sun-bake-1: #D49F6A;
  --desert-sun-bake-2: #B87E4F;
  --desert-sun-bake-3: #9C653B;
  --desert-sun-bake-4: #804D28;
  --desert-sun-bake-5: #64361B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sun-bake": {
        1: "#D49F6A",
        2: "#B87E4F",
        3: "#9C653B",
        4: "#804D28",
        5: "#64361B",
      }
    }
  }
}

Related searches

rugged desert palettesunbaked earth tonesdeep brown color schemesandy warm colorsmasculine design palette

Palette colors

Hex values

Color 1#D49F6A
·
Color 2#B87E4F
·
Color 3#9C653B
·
Color 4#804D28
·
Color 5#64361B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
3:1Fail
4.3:1AA18
2
1.5:1Fail
1.4:1Fail
2:1Fail
2.9:1Fail
3
2.1:1Fail
1.4:1Fail
1.4:1Fail
2.1:1Fail
4
3:1Fail
2:1Fail
1.4:1Fail
1.4:1Fail
5
4.3:1AA18
2.9:1Fail
2.1:1Fail
1.4:1Fail

Similar palettes

More like Desert Sun Bake

View all warm
Arid Mesa Dust
Canyon Sunrise Wash
Desert Dawn Whisper
Desert Mesa Ember
Desert Mesa Glow
Ochre Desert Twilight