Back to palettes

Palette

Sunrise Mesa Glow

Warm oranges and soft yellows illuminate a tranquil mesa as the sun begins its ascent.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunrise Mesa Glow 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 Sunrise Mesa Glow.

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

Data visualization

#CC7722#EE9944#FFBB66#FFCC88#FFDD99

Palette guide

How to use Sunrise Mesa Glow

Overview

The Sunrise Mesa Glow palette illuminates a tranquil mesa as the sun begins its ascent, featuring warm oranges and soft yellows. This natural and inviting collection ranges from the deeper, grounding #CC7722 to the very light, ethereal #FFDD99. Hues like #EE9944 and #FFBB66 provide the core warmth and radiance, evoking the gentle light spreading across desert landscapes. Designers can use this palette to convey feelings of calm, natural beauty, and quiet grandeur, making it ideal for projects related to travel, nature, wellness, or any brand seeking a harmonious and comforting aesthetic with a touch of sophistication.

Best used for

  • Travel and tourism branding for desert destinations
  • Nature and outdoor photography websites
  • Spa and relaxation services promotions
  • Southwestern-inspired art and crafts
  • Eco-tourism marketing materials
  • Home decor for warm, inviting spaces

Suggested color roles

primary

Use #EE9944 for main headings or key interactive elements to provide a warm, inviting focal point.

secondary

Apply #FFBB66 for larger content areas or backgrounds, offering a softer, glowing ambiance.

accent

Employ #CC7722 for strong accents, typography, or borders to add depth and a grounded sophistication.

background

#FFDD99 or #FFCC88 serves as an excellent very light, warm background, enhancing readability.

text

Dark charcoal, black, or a deep brown for body text; white or very light cream for text on #CC7722.

Accessibility notes

  • All colors in this palette are relatively light and warm, requiring very dark text for readability. Avoid light gray text.
  • #FFDD99 and #FFCC88 will need a strong contrast, such as black or dark brown text.
  • Contrast between adjacent colors like #FFBB66 and #EE9944 is low; use them for graphical elements, not for text-on-text.
  • Always verify text contrast against backgrounds using accessibility tools to ensure compliance.

Recommended combinations

Mesa Radiance

Ideal for soft gradients, serene backgrounds, or elements that need to convey a delicate, ethereal glow.

#FFDD99 · #FFCC88 · #FFBB66

Canyon Warmth

Excellent for strong branding, editorial layouts, or designs requiring a rich, grounded, and sophisticated feel.

#CC7722 · #EE9944 · #FFBB66

Desert Horizon

A balanced trio for primary UI elements, ensuring visual interest and clear hierarchy with an authentic, warm touch.

#EE9944 · #FFCC88 · #CC7722

CSS variables

:root {
  --sunrise-mesa-glow-1: #CC7722;
  --sunrise-mesa-glow-2: #EE9944;
  --sunrise-mesa-glow-3: #FFBB66;
  --sunrise-mesa-glow-4: #FFCC88;
  --sunrise-mesa-glow-5: #FFDD99;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunrise-mesa-glow": {
        1: "#CC7722",
        2: "#EE9944",
        3: "#FFBB66",
        4: "#FFCC88",
        5: "#FFDD99",
      }
    }
  }
}

Related searches

warm orange palettedesert glow colorstranquil mesa schemegolden sunrise tonesnatural landscape branding

Palette colors

Hex values

Color 1#CC7722
·
Color 2#EE9944
·
Color 3#FFBB66
·
Color 4#FFCC88
·
Color 5#FFDD99
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
2.3:1Fail
2.6:1Fail
2
1.5:1Fail
1.4:1Fail
1.5:1Fail
1.7:1Fail
3
2:1Fail
1.4:1Fail
1.1:1Fail
1.3:1Fail
4
2.3:1Fail
1.5:1Fail
1.1:1Fail
1.1:1Fail
5
2.6:1Fail
1.7:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Sunrise Mesa Glow

View all warm