Back to palettes

Palette

Arid Bloom Blaze

Warm, sun-drenched hues capturing the intense beauty of desert flora under a scorching sun.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arid Bloom Blaze 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 Arid Bloom Blaze.

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

Data visualization

#D35400#F39C12#F8C471#FAD7A0#F7DC6F

Palette guide

How to use Arid Bloom Blaze

Overview

The Arid Bloom Blaze palette is a vibrant and energetic collection, bursting with the intense warmth of desert flora under a scorching sun. Ranging from the fiery #D35400 to the sunny #F7DC6F, with rich intermediates like #F39C12, #F8C471, and #FAD7A0, this palette is designed to grab attention. It's excellent for designers looking to infuse projects with enthusiasm, warmth, and a touch of the exotic. These bright oranges and yellows are perfect for creating impactful call-to-actions, dynamic branding, or any design that needs to convey vitality and a lively spirit. It's a truly expressive and optimistic color scheme.

Best used for

  • Food and beverage branding
  • Travel and adventure websites
  • Event and festival promotions
  • Children's educational apps
  • E-commerce sites for vibrant products
  • Creative and artistic portfolios

Suggested color roles

primary

Use #D35400 as a bold primary for main headings or calls to action, ensuring high visibility and energy.

secondary

Employ #F39C12 for supporting information, sub-sections, or background accents, maintaining warmth and vibrancy.

accent

Apply #F7DC6F or #FAD7A0 sparingly for highlights, interactive elements, or illustrative details, adding a bright, sunny pop.

background

Utilize #FAD7A0 or #F8C471 for lighter backgrounds, providing a warm canvas that still allows darker text to stand out.

text

For body text, a dark charcoal or black (e.g., #000000) provides the best contrast. Use #D35400 for bold headings on light backgrounds.

Accessibility notes

  • Ensure high contrast when using lighter yellows like #F7DC6F for text; pair with a very dark color.
  • Text in #D35400 on #FAD7A0 offers good contrast for headlines and larger text.
  • Avoid using #F8C471 or #FAD7A0 for small text on light backgrounds as contrast will be insufficient.
  • For optimal readability, use dark text (e.g., black) on all shades lighter than #F39C12.

Recommended combinations

Desert Sunset

Creates a warm, inviting, and energetic feel, great for captivating visual storytelling.

#D35400 · #F39C12 · #F8C471

Sunny Pop

Excellent for highlighting calls to action or key information, with bright accents against a softer base.

#FAD7A0 · #F7DC6F · #D35400

Blaze Gradient

Ideal for dynamic background gradients or graphical elements, suggesting movement and warmth.

#F39C12 · #F8C471 · #FAD7A0

CSS variables

:root {
  --arid-bloom-blaze-1: #D35400;
  --arid-bloom-blaze-2: #F39C12;
  --arid-bloom-blaze-3: #F8C471;
  --arid-bloom-blaze-4: #FAD7A0;
  --arid-bloom-blaze-5: #F7DC6F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arid-bloom-blaze": {
        1: "#D35400",
        2: "#F39C12",
        3: "#F8C471",
        4: "#FAD7A0",
        5: "#F7DC6F",
      }
    }
  }
}

Related searches

vibrant orange yellow palettedesert bloom colorsenergetic warm color schemesunny bright designorange and gold palette

Palette colors

Hex values

Color 1#D35400
·
Color 2#F39C12
·
Color 3#F8C471
·
Color 4#FAD7A0
·
Color 5#F7DC6F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.6:1Fail
3:1AA18
3.1:1AA18
2
1.9:1Fail
1.4:1Fail
1.6:1Fail
1.6:1Fail
3
2.6:1Fail
1.4:1Fail
1.2:1Fail
1.2:1Fail
4
3:1AA18
1.6:1Fail
1.2:1Fail
1:1Fail
5
3.1:1AA18
1.6:1Fail
1.2:1Fail
1:1Fail

Similar palettes

More like Arid Bloom Blaze

View all vibrant