Back to palettes

Palette

Sunbaked Bloom Oasis

Vibrant hues of a desert landscape at peak bloom, infused with a terracotta warmth.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbaked Bloom Oasis 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 Sunbaked Bloom Oasis.

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

Data visualization

#FADFAD#F2B88C#E07A5F#B22A2F#5C001C

Palette guide

How to use Sunbaked Bloom Oasis

Overview

The Sunbaked Bloom Oasis palette evokes the rich, warm tones of a desert landscape at peak bloom, blending vibrant oranges, deep reds, and earthy undertones. This captivating collection features a soft sandy peach (#FADFAD), an inviting terracotta orange (#F2B88C), a rich burnt sienna (#E07A5F), a bold crimson (#B22A2F), and a profound maroon (#5C001C). Ideal for projects seeking a natural, earthy yet passionate aesthetic, it offers a spectrum from light and airy to deep and grounding. Designers can leverage its warmth for impactful branding, inviting user interfaces, or evocative digital art, ensuring a cohesive and memorable visual experience. Its versatility supports various applications, from subtle accents to dominant color schemes.

Best used for

  • Southwestern-themed branding and identity
  • Desert-inspired home decor websites and e-commerce
  • Autumnal fashion lookbooks and editorial design
  • Natural beauty product packaging and marketing
  • Travel blogs focusing on warm climates and adventure
  • Rustic restaurant branding and interior design

Suggested color roles

primary

#E07A5F - Use this rich burnt sienna as the main brand color for headings, primary buttons, or large graphic elements to convey warmth and passion.

secondary

#F2B88C - Apply this inviting terracotta orange for supporting elements like subheadings, secondary calls-to-action, or feature boxes to add depth without overpowering.

accent

#B22A2F - Employ this bold crimson sparingly for critical highlights, interactive states, or small but impactful design details to draw immediate attention.

background

#FADFAD - Ideal for large background areas, cards, or content containers, providing a soft, warm, and inviting canvas that allows other colors to stand out.

text

#5C001C - Utilize this deep maroon for main body text, navigation links, and crucial information to ensure maximum readability against lighter backgrounds like #FADFAD or even #F2B88C.

Accessibility notes

  • Ensure sufficient contrast when pairing the deep #5C001C text color with the light #FADFAD background, meeting WCAG AA standards for readability.
  • Avoid using light tones like #FADFAD or #F2B88C for small text on similarly light backgrounds to prevent legibility issues.
  • Test the contrast of interactive elements, particularly those using #B22A2F or #E07A5F, against their backgrounds to ensure they are clearly discernible.
  • Be mindful of potential issues for users with red-green color blindness, as the palette's strong warm tones might appear less distinct without sufficient luminosity contrast.

Recommended combinations

High Contrast Read

Ideal for primary content blocks where strong readability and clear visual hierarchy are paramount, using the darkest for text and lightest for background.

#5C001C · #FADFAD · #E07A5F

Warm Gradient Flow

Excellent for subtle background gradients, hero sections, or illustrative elements that require a soft, natural transition and a sense of depth.

#FADFAD · #F2B88C · #E07A5F

Bold Impact Accent

Perfect for calls-to-action, important alerts, or branding elements where a striking, impactful visual is desired against a neutral base with strong text contrast.

#B22A2F · #FADFAD · #5C001C

CSS variables

:root {
  --sunbaked-bloom-oasis-1: #FADFAD;
  --sunbaked-bloom-oasis-2: #F2B88C;
  --sunbaked-bloom-oasis-3: #E07A5F;
  --sunbaked-bloom-oasis-4: #B22A2F;
  --sunbaked-bloom-oasis-5: #5C001C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-bloom-oasis": {
        1: "#FADFAD",
        2: "#F2B88C",
        3: "#E07A5F",
        4: "#B22A2F",
        5: "#5C001C",
      }
    }
  }
}

Related searches

desert bloom color schemeterracotta palette designsouthwest color inspirationwarm earthy color guidenatural vibrant color hex

Palette colors

Hex values

Color 1#FADFAD
·
Color 2#F2B88C
·
Color 3#E07A5F
·
Color 4#B22A2F
·
Color 5#5C001C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.3:1Fail
5:1AA
11:1AAA
2
1.4:1Fail
1.7:1Fail
3.7:1AA18
8.2:1AAA
3
2.3:1Fail
1.7:1Fail
2.2:1Fail
4.8:1AA
4
5:1AA
3.7:1AA18
2.2:1Fail
2.2:1Fail
5
11:1AAA
8.2:1AAA
4.8:1AA
2.2:1Fail

Similar palettes

More like Sunbaked Bloom Oasis

View all warm
Canyon Vista
Desert Bloom
Desert Bloom Clay
Desert Bloom Mirage
Desert Rose Canyon
Mesa Ember Glow