Back to palettes

Palette

Ochre Dune Wildflower

A sun-baked collection of sandy ochres and muted yellows, capturing delicate wildflowers amidst desert dunes.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ochre Dune Wildflower 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 Ochre Dune Wildflower.

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

Data visualization

#C2B280#E1AD37#A5612A#FFCC66#6B573D

Palette guide

How to use Ochre Dune Wildflower

Overview

The Ochre Dune Wildflower palette is a sun-baked collection of sandy ochres and muted yellows, capturing delicate wildflowers amidst desert dunes. This earthy collection, featuring a rich `#A5612A` brown-orange, a vibrant `#E1AD37` golden yellow, and a soft `#C2B280` sandy beige, offers designers and developers a naturally inviting and rustic scheme. It's ideal for evoking warmth, organic beauty, and a touch of subtle vibrancy. The interplay of deep, grounding browns with cheerful yellow accents creates a versatile range for both robust branding and charming digital experiences, ensuring a cohesive and authentic aesthetic.

Best used for

  • Botanical gardens and nature centers
  • Artisanal food products and farm-to-table brands
  • Natural pet supplies and organic goods
  • Cozy cafe and bakery branding
  • Craft breweries and distilleries
  • Rustic wedding and event design

Suggested color roles

primary

Utilize `#A5612A` as a rich, warm primary color for strong brand elements, important headlines, or foundational backgrounds. It conveys authenticity and depth.

secondary

Employ `#6B573D` for supportive sections, subheadings, or as a deep background for content blocks. It provides a strong, grounding contrast.

accent

Introduce `#E1AD37` sparingly for vibrant accents, calls-to-action, or to simulate a wildflower bloom. It adds a cheerful, energetic touch.

background

Apply `#C2B280` as a soft, sandy beige background for content areas, offering a warm, neutral canvas that enhances readability.

text

For optimal readability, use `#6B573D` for body text on lighter backgrounds like `#C2B280`. For headlines, `#A5612A` also provides excellent contrast and warmth.

Accessibility notes

  • Ensure `#6B573D` text on `#C2B280` provides sufficient contrast for WCAG compliance; this pairing works well.
  • Lighter shades like `#FFCC66` and `#C2B280` are best for backgrounds or large graphical elements, not for small text.
  • When using `#E1AD37` for text, ensure it's on a dark background or used in larger sizes to maintain readability.
  • Avoid placing light text on `FFCC66` to prevent low contrast issues, especially for small font sizes.

Recommended combinations

Wildflower Bloom

Ideal for highlighting seasonal content or playful elements, with `#C2B280` as a backdrop and yellows for vibrant accents.

#E1AD37 · #FFCC66 · #C2B280

Dune Base Contrast

Great for creating visual depth in sections: `#6B573D` for strong text, `#A5612A` for headers, and `#C2B280` for content background.

#6B573D · #A5612A · #C2B280

Earthy Accent

Use `#A5612A` for key information, `#C2B280` for general content, and `#E1AD37` for small, impactful call-to-action elements.

#A5612A · #C2B280 · #E1AD37

CSS variables

:root {
  --ochre-dune-wildflower-1: #C2B280;
  --ochre-dune-wildflower-2: #E1AD37;
  --ochre-dune-wildflower-3: #A5612A;
  --ochre-dune-wildflower-4: #FFCC66;
  --ochre-dune-wildflower-5: #6B573D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ochre-dune-wildflower": {
        1: "#C2B280",
        2: "#E1AD37",
        3: "#A5612A",
        4: "#FFCC66",
        5: "#6B573D",
      }
    }
  }
}

Related searches

desert wildflower palettesandy ochre yellowearthy natural colorswarm botanical huesrustic desert design

Palette colors

Hex values

Color 1#C2B280
·
Color 2#E1AD37
·
Color 3#A5612A
·
Color 4#FFCC66
·
Color 5#6B573D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
2.3:1Fail
1.4:1Fail
3.3:1AA18
2
1:1Fail
2.4:1Fail
1.4:1Fail
3.3:1AA18
3
2.3:1Fail
2.4:1Fail
3.2:1AA18
1.4:1Fail
4
1.4:1Fail
1.4:1Fail
3.2:1AA18
4.6:1AA
5
3.3:1AA18
3.3:1AA18
1.4:1Fail
4.6:1AA

Similar palettes

More like Ochre Dune Wildflower

View all earth
Amber Sands Mirage
Ancient Pyramid Sun
Arid Blossom
Arid Dusk Sands
Canyon Earth Clay
Canyon Whisper Sands