Palette

Arid Flower Glow

Captures the delicate beauty of a desert flower, blooming resiliently against arid, sun-baked earth.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arid Flower 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 Arid Flower Glow.

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

Data visualization

#6AABBB#E6B89C#D2691E#FDF5E6#AEC6AE

Palette guide

How to use Arid Flower Glow

Overview

The Arid Flower Glow palette captures the delicate beauty of a desert flower, blooming resiliently against arid, sun-baked earth. This collection offers an unexpected yet harmonious blend, featuring a refreshing blue-green #6AABBB, warm oranges #E6B89C and #D2691E, a soft near-white #FDF5E6, and a soothing sage #AEC6AE. Designers and developers can use these hues to create serene, eco-conscious, and inviting experiences that balance warmth with cool tranquility. The vibrant orange acts as a resilient focal point against the softer, natural backdrop. This palette is perfect for projects seeking a fresh, earthy feel with a touch of gentle optimism.

Best used for

Eco-friendly and sustainable brand identities
Wellness and spa-related websites
Natural cosmetics and skincare packaging
Serene and calming digital interfaces
Wedding stationery and event decor
Home decor and textile design

Suggested color roles

primary

Utilize #D2691E as the primary color for a vibrant, warm focal point in calls-to-action or key brand elements.

secondary

Employ #6AABBB for a refreshing, cool contrast in supporting graphics, icons, or background sections.

accent

Apply #E6B89C as a soft, inviting highlight for delicate details, decorative patterns, or subtle visual interest.

background

Use #FDF5E6 for a clean, airy background that provides excellent contrast for darker text and allows other colors to shine.

text

For body text on light backgrounds, a dark charcoal or #D2691E offers excellent readability and a natural feel.

Accessibility notes

The very light #FDF5E6 requires dark text for optimal readability; avoid light text on this background.
Ensure #6AABBB has sufficient contrast when used for text or interactive elements against various backgrounds.
Avoid using #E6B89C for small text or critical information due to its light value.
Always verify WCAG AA compliance for all text and UI elements, especially for contrast ratios.

Recommended combinations

Desert Oasis

Ideal for creating a refreshing brand identity, clean UI, or conveying a sense of calm and natural balance.

#6AABBB · #FDF5E6 · #D2691E

Floral Earth

Excellent for natural product packaging, inviting visuals, or designs that emphasize organic textures and warmth.

#E6B89C · #D2691E · #AEC6AE

Soft Resilience

Perfect for subtle backgrounds, decorative elements, or designs that require a gentle, harmonious aesthetic.

#AEC6AE · #FDF5E6 · #6AABBB

CSS variables

:root {
  --arid-flower-glow-1: #6AABBB;
  --arid-flower-glow-2: #E6B89C;
  --arid-flower-glow-3: #D2691E;
  --arid-flower-glow-4: #FDF5E6;
  --arid-flower-glow-5: #AEC6AE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arid-flower-glow": {
        1: "#6AABBB",
        2: "#E6B89C",
        3: "#D2691E",
        4: "#FDF5E6",
        5: "#AEC6AE",
      }
    }
  }
}

Hex values

Color 1#6AABBB

Color 2#E6B89C

Color 3#D2691E

Color 4#FDF5E6

Color 5#AEC6AE

Accessibility

Contrast checker

1.4:1Fail

2.4:1Fail

1.4:1Fail

2:1Fail

1.7:1Fail

1:1Fail

1.4:1Fail

2:1Fail

3.4:1AA18

2:1Fail

2.4:1Fail

1.7:1Fail

3.4:1AA18

1.7:1Fail

1.4:1Fail

1:1Fail

2:1Fail

1.7:1Fail

Similar palettes

More like Arid Flower Glow

Arid Flower Glow

See it in context.

Ready when you are.

Built with Arid Flower Glow.

How to use Arid Flower Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Desert Oasis

Floral Earth

Soft Resilience

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Arid Flower Glow